目次 戻る

バナー

中年おっちゃんでも出来た ウェブページ作成講座 with ? mark

もう少し詳しいURIのお話 - 相対URI

ピンポ〜ン♪ 誰かきました。

『 田中さんのお宅をご存知ないでしょうか? 』
 『 3軒右のお宅ですよ 』

これは、自宅から田中さんのお宅までの相対指定です。今、自分の居る場所から目的の場所を指し示します。

此処は何処?

下の図はこのサイトのファイル構造の概略図です

~nishi

file_1 file_2 file_3 ・・ file_n

my

index.html menu.html ・・ uri_i.html ・・ my01.png ・・

smpx

x01.png x02.png ・・ test_x.html ・・

~nishiルートディレクトリと呼ばれ、プロパイダから指定されたサイト名(ユーザー/アカウント名)です。

同期は楽?

同一ディレクトリ内の指定です。

my

index.html menu01.html ・・ uri_i.html ・・ s01.png ・・

同一デレクトリ内のファイルへ移動する場合や、他のファイルを参照する場合は、単にそのファイル名を指定するだけです。

部下は少し楽?

uri_i.htmlが、自ディレクトリ配下のディレクトリ内ファイルを指定する方法です。

"/****/" が、配下のディレクトリ指定です。

my

uri_i.html

smpx

test_x.html

smpy

y01.png

  • smpx 配下の test_x.html ファイルに移動する場合の指定です。

    "/smpx/test_x.html"

  • smpx 配下のディレクトリ sampy 配下の y01.png ファイルを参照する場合の指定です。

    "/smpx/smpy/y01.png"

まだまだ単純ですが、階層が深くなるにつれて面倒になってきます。

上司は面倒くさい!?

test_y.htmlが、自ディレクトリより上階層のディレクトリ内ファイルを指定する方法です。

"../" が、1つ上の階層のディレクトリを指定します。

~nishi

my

my01.png

smpx

test_x.html

smpy

test_y.html

  • smpx 配下の test_x.html ファイルに移動する場合の指定です。

    "../test_x.html"

  • my 配下の my01.png ファイルを参照する場合の指定です。

    "../../y01.png"

    • この指定は、

      "../../../my/my01.png"

      と等価です。

階層が深くなるにつれて面倒になるどころか、迷子になってしまいそうです。

目次 戻る Top

Created:Jun 01, 2005 Updated:Oct.,25,2011 © by おっちゃん
Oct.,25,2011 全面更新