Webデザイン:オンラインリファレンス

なぜindex.htmlなのか

リンクを設定する場合

他のページにリンクを貼る場合には,必ずHTMLファイルを指定することになる.そのため,「"https://www.hogehoge.com/fugafuga/aaa.html"」のようにHTMLファイルの名前が来ることになる.

index.html

ところが,ほとんどのWebシステムにおいては,ファイル名がindex.html(またはindex.htm)の場合に限り,このファイル名を省略することができる(もちろん省略しなくてもよい).そのため,例えば札幌市立大学の公式ホームページは,本来「"https://www.scu.ac.jp/index.html"」と記述しなければならないが,index.htmlは省略できるので,「"http://www.scu.ac.jp/"」と記述することができる.

省略する場合のリンクの書き方

例えば,
  • <a href="sample/index.html">〜</a> → <a href="sample/">〜</a>
  • <a href=".. /index.html">〜</a> → <a href="../">〜</a>
  • <a href="../../sample1/sample2/index.html">〜</a> → <a href="../../sample1/sample2/">〜</a>
のように省略することができる.
ただし,ローカルでは無効となるので注意が必要である.

自分でサイト制作する時には

つまり,ファイル名にindex.htmlをつけておくと,アドレスを短くすることができる.また,「index」には「索引」などという意味もあり,その階層の代表となるファイル名につけることが多い.慣例として,サイトのトップページはindex.htmlにすることが多い.また,フォルダ内にも状況に応じてindex.htmlを使うことがよい.
↑インデックスに戻る←前の項目(064. 絶対パス)→次の項目(066. 高度なスタイル指定方法)