◆ 相対パスと絶対パスとは
■ 相対パス
自分のページ内(同じサーバ内)でリンクを貼る場合、相対パスを使用します。
同じ階層へは./を。一つ下の階層へのパスは / を。一つ上の階層へは ../ を記述します。
階層はあまり深くしない方が分かりやすいです。
|
Homepage(フォルダ) | ― | 中身 | | |
| | | | | |
| | foto(フォルダ) | ― | 中身 | | |
| | | | | | | |
| | A.html | | C.html | |
| | | | | | | |
| | B.html | | foto.jpeg | |
| | | | | |
| | gazo(フォルダ) | ― | 中身 | |
| | | | | | |
| | | | kabe.gif |
|
右の図は各HTMLファイル、画像ファイル、フォルダの階層を表したものです。
A.html からみた C.html へのパスは
a href="./foto/C.html"
B.html からみた kabe.gif へのパスは
a href="./gazo/kabe.gif"
C.html からみた A.html へのパスは
a href="../A.html"
C.html からみた kabe.gif へのパスは
a href="../gazo/kabe.gif"
C.html からみた foto.jpeg へのパスは
a href="./foto.jpeg"
|
■ 絶対パス
他人のホームページにリンクを貼る場合、絶対パス(http://から記述)を使用します。
http://homepage2.nifty.com/(サーバ名)
|
tomoarai(ユーザ) | ― | 中身 | | |
| | | | | |
| | html(フォルダ) | ― | 中身 | | |
| | | | | | | |
| | index.html | | pass.html | |
| | | | | | | |
| | B.html | | link.html | |
| | | | | |
| | gazo(フォルダ) | ― | 中身 | |
| | | | | | |
| | | | kabe.gif |
|
トップページの絶対パスは
http://homepage2.nifty.com/tomoarai/
もしくは
http://homepage2.nifty.com/tomoarai/index.html
です。
このページの絶対パスは
http://homepage2.nifty.com/tomoarai/html/pass.html
です。
|
|