htmlのフォルダ構成について

Question

htmlとcss、phpを使用して自己流でWeb制作をしています。

対象フォルダ --- index.html
+- xxx1.html
+- xxx2.html
+- css/

のように構成していましたが、
最近のサイトを見ているとトップページ以外のURLも http://xxx/yyy/ のようになっているところが多いような気がします。

1. 同一サイト内で

対象フォルダ --- yyy/index.html
+- zzz/index.html
のように作られているということでしょうか。

1. その場合、それ以外のファイルはどう構成することが多いのでしょうか。

2. 1.のようにしている理由はどのようなことからでしょうか。

フォルダ構成、index.html、別フォルダ等でいろいろと検索をしてみましたが、よくわからず・・どうぞよろしくお願いします。

Answer 1

mod_rewrite

mod_rewrite でURLを書き換えている場合があるので、外向きに公開されているURLが必ずしもサーバのフォルダ構成を表しているとは限りません。

• Apacheのmod_rewriteモジュールの使い方を徹底的に解説 | OXY NOTES

例えば、このページのURIは https://teratail.com/questions/88502 ですが、内部的には https://teratail.com/questions.php?id=88502 が呼び出されているかもしれません。
(これはあくまでも例であり、実際に https://teratail.com/questions.php が存在するわけではありません)
(Amazonは露骨にディレクトリ名を捏造してますが、あれもそういう事です。)

https://teratail.com/view.php?type=tag&value=HTML
https://teratail.com/view.php?type=questions&value=88502
 ↓
https://teratail.com/tags/HTML
https://teratail.com/questions/88502

mod_rewrite で上記書き換えが行われた場合、書き換え後のURLでは「tags -> HTML」「questions -> 88502」のように「カテゴリ名」と「コンテンツ名」の関係性がはっきりするメリットがあります。

静的コンテンツ

HTML/CSSを手書きで入力する静的コンテンツの場合は、そうしたことを考える必要は特にないので、好きなディレクトリ、ファイル名で構成すれば良いと思います。

Re: sho.duck さん

Comments

[sho.duck]

ご回答ありがとうございました。
例がとてもわかりやすく、現時点ではなんとなくですが理解しました。
動的コンテンツを作れるようになったらmod_rewriteもぜひ使いたいと思います。

Answer 2

1. はい。その通りです。実際には、ファイル名が省略された場合に返すファイルをWebサーバ側で決めており、多くの場合 index というファイル名を指定しているため、index.html は省略してもページが表示されます。ただ、kei344さんのご回答の通り、index.html というファイルの実体がないような作りの場合もあります。

2. ディレクトリ構成は人それぞれやり方が違うので、これが1番メジャーだというものはないかと思います。“ディレクトリ構成 Webサイト” などで検索するといろいろな人のフォルダわけの方法が見つかるかと思いますので、参考にしてみてはいかがでしょうか。

3. http://example.com/page-name/ という URI にする理由は、プログラミング言語に依存した拡張子やパスを含めないことで、URI が変わってしまうことを防ぐためです。sho.duckさんの考えている URI だと、xxx1.html にPHPを使った機能を後からつけた場合、URI が http://example.com/xxx1.html から http://example.com/xxx1.php に変わってしまいます。URI が変わるとこのページにリンクしている個所をすべて修正するかリダイレクトする必要が出てきてしまいます。また、拡張子を変更すると検索エンジンから別のページと判断されてしまう恐れもあります。拡張子を html のまま PHP を実行する方法もありますが、初めから拡張子の変更に影響を受けない構成にしておくほうが、余計な手間がかかりません。

Comments

[sho.duck]

ご回答ありがとうございました。
３．の説明が特に役立ちました。

Answer 3

1. 同一サイト内で･･･のように作られているということでしょうか。

多くの場合違います。ルーティングというものがあります。

【ルーティングとURL生成】
https://kore1server.com/323/%E3%83%AB%E3%83%BC%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%A8URL%E7%94%9F%E6%88%90

【apacheのmod_rewriteでphpのGETパラメータのurlを書き換える – joppot】
https://joppot.info/2016/01/29/2951

【PHPのオブジェクト指向入門 | オブジェクト指向PHP.NET】
http://www.objective-php.net/mvc/dispatcher

Comments

[sho.duck]

ご回答ありがとうございます。
いろいろ勉強していきたいと思います。

Answer 4

初心者の段階で説明しても混乱するだけなので省略しますが
yyy/index.htmlを作ってhttp://xxx/yyy/で表示させてるわけではありません。
今は気にせずxxx1.htmlやxxx2.phpで作ればいいです。

http://xxx/yyy/で表示する理由。
そんなのは「かっこいいから」でいいんですよ。

Comments

[sho.duck]

初めて回答いただきとても感動しました。
ありがとうございました。