◆相対パス
ホームページで、リンクや画像を表示させる場合に使います。
現在表示しているファイルを基準にして、他のファイル(画像や、htmlファイル)の位置を指定する方法です。

何も指定せず、ファイル名だけ
例: point.gif
同じディレクトリ内
./(ドット1回、スラッシュ1回)
例: ./point.gif
同じディレクトリ内
(上と同じです。)
../(ドット2回、スラッシュ1回)
例: ../point.gif
1つ上のディレクトリ内
../../
例: ../../point.gif
2つ上のディレクトリ内
ディレクトリ名/
例: img/point.gif
そのディレクトリ内
./ディレクトリ名/
例: ./img/point.gif
そのディレクトリ内
(上と同じです。)
../ディレクトリ名/
例: ../img/point.gif
1つ上の階層にある
ディレクトリ内

実際に、相対パスを指定する例を、あげてみましょう。
仮に、下のような構造を持ったホームページがあるとします。

index.htmlに、red.gif を、表示させる場合
<IMG src="red.gif">
index.htmlに、img1 ディレクトリ内の、
green.gif を、表示させる場合
<IMG src="img1/green.gif">
A.htmlに、sub2 ディレクトリ内の
さらに、img3 ディレクトリ内にある
blue.gif を、表示させる場合
<IMG src="sub2/img3/blue.gif">
B.htmlに、ひとつ上の階層の、
img2 ディレクトリ内にある
yellow.gif を、表示させる場合
<IMG src="../img2/yellow.gif">


 index.html から、B.html に、リンクを貼る場合。
   <A href="sub1/sub2/B.html">

 B.html から、index.html に、リンクを貼る場合。
   <A href="../../index.html">



←TOP NEXT→


by Anne