STEP4: リンク！リンク！リンク！

絶対 URL と対比的な相対 URL と云うものがあり、同一サイト内（同一サーバマシン内）のリンクはこれが利用されます。

相対 URL は基準 URL と共に働き、相対 URL は、この基準 URL に対する相対位置として絶対 URL に翻訳されて解釈されます。特別に指定しない限り、当該文書の絶対 URL が基準 URL なります。

当該文書の存在するディレクトリをカレント・ディレクトリと呼び、相対 URL はカレント・ディレクトリからの相対位置を指定する仕組みと云えます。

いま、ディレクトリ "/public/web/HTML" に、 index.html が存在するとします。

index.html から、同じディレクトリ /public/web/HTML に存在するファイル anchor0.html を指し示す相対 URL は、 ./anchor0.html です。

index.html から、ディレクトリ /public/web/HTML/tut に存在するファイル anchor1.html を指し示す相対 URL は、 ./tut/anchor1.html です。

index.html から、一つ上のディレクトリ /public/web に存在するファイル anchor2.html を指し示す相対 URL は、 ../anchor2.html です。

index.html から、二つ上のディレクトリ /public に存在するファイル anchor3.html を指し示す相対 URL は、 ../../anchor3.html です。

index.html から、ディレクトリ /public/web/CSS に存在するファイル anchor4.html を指し示す相対 URL は、 ../CSS/anchor4.html です。

この文書は、Web Site 作成支援の一部です。詳細は目次を参照ください。

/ （ディレクトリ）
|
+--web （ディレクトリ）
   |
   +--index.html    <<-- Target File 1 (../../index.html)
   |
   +--HTML （ディレクトリ）
      |
      +--tut （カレント・ディレクトリ）
         |
         +--index.html    <<-- Target File 2 (./index.html)
         |
         +--relURL.html    <<-- This File

現在ユーザが居るディレクトリ（ブラウザが開いているファイルが存在するディレクトリ）のことを、カレント・ディレクトリと呼びます。相対 URL は、基本的にはカレント・ディレクトリからの相対的な位置を指し示す仕組みです。