HTMLの構造

相対パスは、自分のサーバ内でホームページ関連の各種のファイルを指定する時に使われます。

例えば、ホームディレクトリー（ルートディレクトリ）ｊａｐａｎの下にｏｓａｋａ及びｔｏｋｙｏというサブディレクトリがあり、ｏｓａｋａの下にｓｕｍｉｙｏｓｉというサブディレクトリがあり、各ディレクトリにＨＴＭＬ及び画像ファイル（ＧＩＦ）が図のようにあった場合を例に説明しましょう。

ｔｏｋｙｏのｐｉｃ３．ｇｉｆ を相対パスで他のディレクトリから参照するには次のように指定します。

tokyoディレクトリから指定するとＳＲＣ＝”ｐｉｃ３．ｇｉｆ”

japanディレクトリから指定するとＳＲＣ＝”tokyo/ｐｉｃ３．ｇｉｆ”

osakaディレクトリから指定するとＳＲＣ＝”．．/tokyo/ｐｉｃ３．ｇｉｆ”

sumiyosiディレクトリから指定するとＳＲＣ＝”．．/．．/tokyo/ｐｉｃ３．ｇｉｆ”

japanディレクトリ

osakaディレクトリ tokyoディレクトリ

sumiyosiディレクトリ

上記のように、同一ディレクトリ内の場合は、そのままファイルを指定するだけですが、親ディレクトリから子ディレクトリのファイルを参照するには、子のディレクトリ名の後ろに『/』をつけ、ファイルを指定します。

又、逆に子のディレクトリから親のディレクトリを参照するには、『．．』で指定します。同階層の別のディレクトリから参照する場合も、一端その親ディレクトリに上ってから、該当の子ディレクトリに下がっていきます。従って、『．．』で親に上がって、『/』で子に下がり所属するディレクトリを指定して、該当ファイルを指定します。孫ディレクトリの場合も同様に、一端、子に上がり更に親に上がってから、該当のディレクトリに下がっていきます。

プロバイダのサーバにホームページ登録する場合には、この相対パスの考え方は非常に重要になりますので、充分理解しておく必要があります。一見煩雑そうに見みえますがですが、『．．』『/』の意味さえ理解すれば、割合簡単なことです。

絶対パスは、自分のサーバ外のホームページ関連の各種のファイルを指定する時に使われます。

相対パスのように間接的にファイル名を指定するのではなく、直接そのものの場所を指定しますからいたって簡単です。他の人のホームページへリンクを貼るには、この絶対パスで指定する必要があります。また、別の使い方として、他のサーバにある画像など利用したいファイルの場所が分かっていれば、この絶対アドレスで指定すれば、自分のサーバにファイルを持たなくても利用できることになります。（但し、他力本願のファイルにはなりますが）

絶対パスの例 → ｈｒｅｆ＝”http://www.yahoo.co.jp/”

ｓｒｃ＝”http://www.test.co.jp/ｊａｐａｎ/tokyo/ｐｉｃ３．ｇｉｆ