ディレクトリ構造 - @まとめサイト

HTML

• デザインと構造（マークアップ）どちらを優先するか

→どちらでも可（HTMLを意識してデザインする事も大事）

• コンテンツが重要な方を先に書く。

• ディレクトリ構造
  • 修正、見やすいようにきちんと階層化する。また、階層ごとに管理すると、フォルダを複製するだけでコンテンツを増やせる。
  • index.htmlは省略してよいというルールがある。トップページにindex.htmlがなくても見えるのはこのため。
  • webフォルダのルートには、必ずindex.html（あるいはindex.phpなど）が存在しなければならない。index.htmlがないと、サーバーにあるフォルダの中身が見えてしまうので注意。
  • ひとつ上を参照する場合のファイルパスは、../

• 例

web
┗shared
　 ┗img（全ページ共通で使う画像をしまうフォルダ）

┗profile
　 ┗img（プロフィールでしか使わない画像をしまうフォルダ）
　 ┗index.html（プロフィールのページ）

┗gallery
　 ┗img（ギャラリーでしか使わない画像をしまうフォルダ）
　 ┗index.html（ギャラリーのページ）

┗link
　 ┗img（リンクでしか使わない画像をしまうフォルダ）
　 ┗index.html（ギャラリーのページ）

┗index.html（トップページ）

参考サイト
http://www.kanzaki.com/docs/html/htminfo-uri.html