ぱそおーるHTML講座

絶対パスと相対パス

リンク先や画像を指定する場合、指定したHTMLファイルや画像の保存先URLを正しく指定しないといけません。
URLを指定する方法には絶対パスと相対パスが存在します。

絶対パス
絶対パスとはリンク先のHTMLファイルや画像の保存先をhttp://から始まる文字列で指定する方法です。
一般的に自サイトから、他人のサイトへリンクする場合に使います。
<a href="http://google.com">Googleサーチへ</a>などのように使います。
同じように、画像を表示させる時には<img src="http://html.pasoall.net/htmlpasoall.gif">と指定します。

このように画像を表示出来ますが、これは直リンクと呼ばれるリンク方法で、相手側のサーバーに負荷が掛かります。リンク先のホームページ管理者にとっては迷惑以外のなにものでもありませんのでなるべくしない方がいいリンク方法です。（バナー程度なら許可している管理人さんもいらっしゃいます）

相対パス
相対パスとは起点となるファイルからみて、相対的にファイルの保存先を指定する方法です。
一般的に自サイト内のHTMLや画像ファイルなどを指定する時に使います。
例えば、このページを指定するなら<a href="sitepass.htm">絶対パスと相対パス</a>と指定します。
絶対パスと違って、ファイル名だけを指定しています。
画像を表示させるなら<img src="htmlpasoall.gif">と指定すればいいわけです。

絶対パスと同じ画像が表示されていますが、サイト内の画像を呼び出すだけならファイル名だけで問題ないわけです。

フォルダ（ディレクトリ）で上下の階層をもたせているホームページの場合は少し特殊です。
一階層下のファイルを呼び出す場合<a href="/フォルダ名/ファイル名">となります。
一階層上のファイルを呼び出す場合<a href="../ファイル名">となります。
二階層下のファイルを呼び出すなら<a href="/フォルダ名/フォルダ名/ファイル名">となります。
二階層上のファイルを呼び出すなら<a href="../../ファイル名">となります。
後は階層が一つ下に下に下がる度にフォルダ名を、上がる度に../を付け足します。
一階層上の別フォルダ内のファイルを呼び出す場合は<a href="../フォルダ名/ファイル名">となります。

HOMEへ