サブディレクトリの”.html”の文字を消したい

Question

ちょっとhtmlの基本の話なのかもしれないのですが、サブディレクトリにある".html"はどうすれば消すことができるのでしょうか？
例えば、下記のBootstrapのデモページを開いた後、
http://designstub.com/demos/dsign/

サブディレクトリの/about.htmlを開くと、URLが
http://designstub.com/demos/dsign/about.html
となります。

これを、
http://designstub.com/demos/dsign/about/
のようにしたいのですが、どうしたらよいかわからない・・という質問です。

おわかりいただける方がいたらご教示いただけると助かります。

普段wordpressで開発が多くて、wordpressだと固定ページでabout.htmlを作ったら/about/になるのに・・。

Answer 1

dsign の下に about というディレクトリを作成し、その中にindex.htmlを作成してください。
そして、about.htmlの内容をすべて作成したindex.htmlに記述してください。
これで about/ にアクセスするとindex.htmlの内容が表示されます。
もしも表示されない場合は、サーバーソフトウエア(apacheなど)の設定を確認し、 about/ にアクセスした際にindex.htmlの内容を返すように設定してください。

Answer 2

利用されているWebサーバにもよりますが、Apacheですとmod_rewriteを使って対応することが可能です。
Nginxにもrewrite機能はありますので同様の対応は可能かと思います。

Apacheの場合は、設定ファイルや.htaccessなどに条件を記載して対応します。
対象がディレクトリではなく、"/"の後に"."を含まないファイル名を指定された場合は、ファイル名.htmlを参照するという動作を.htaccessに記述する場合は、例えば下記のようになります。
.htmlをつけたファイルが存在するかどうかといったチェックも行うなど、さらに条件を追加することもできるかと思います。

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} /[^.]+/?$
RewriteRule ^(.*)$ $1.html [L]