相対パスについて

質問

いつもお世話になっております。
　お聞きしたいのは、画像やリンクのファイルを指定する方法についてです。違うディレクトリへのリンクの場合、たとえば<A href="a/b.html">のように指定すればいいですよね。しかし、上位ディレクトリへリンクしたい場合、どのようにすればよいでしょうか？絶対パスで<A href="http://www～">と指定するしかないのでしょうか？
　サイトのほうはそれで誤魔化してきましたが、今、自分なりに紙データをデジタルデータ化しています。たとえば料理のレシピだと「料理」フォルダの中に「豚肉」「お菓子」などのように分けるという具合です。その「お菓子」フォルダ（実際には別の英語名ですが）にあるファイルから、一番上にあるHOMEまでリンクさせるのにはどうしたらよいでしょうか？
　このファイルは、いずれCDに移すつもりでいます。が、CD-ROMドライブは人によってD:ドライブではないこともありますよね。それもふまえて、どうすればよいでしょうか？

回答No.1

jein · ベストアンサー

一つ上に上がるには「../」を使います同じ階層にあるデータ
を呼ぶには「./」を使います。

http://host.com/sub/index.html
というURLがあったとします。
index.htmlから同じ階層にあるデータを指定するときは
"ファイル名のみ"か"./ファイル名"を指定します。
一階層上、この場合だとhost.comの直下にあるデータを
指定するときには"../ファイル名"と指定すれば良いです。

CDに作品を入れて簡単なindex.htmlをつけてインデックスに
することがあります。そういうときに相対指定でリンクを
付けて使っています。

補足

回答ありがとうございます。すっごくよくわかりました！
　今まで、HTMLエディタが勝手にファイルの参考場所を「../../../a.html」などのように書き換えていたのは、そういうわけだったんですね！今、先日普通に相対パスでトップページを指定してうまくいかなかったページに試してみました。そうしたら、見事にちゃんと繋がりました！
　回答ありがとうございました。(*^^)

回答No.4

noname#2072

↓このページが参考になるかも？

参考URL：

http://www.page.sannet.ne.jp/mtoga/html/etc/bih-h_z6.htm

補足

拝見しました。言葉の意味を理解している中級者以上向けのページですが、簡素でわかりやすい、いいサイトですね。参考にさせていただきます。
　回答ありがとうございました。

回答No.3

wolv

つまり、
例えば、
　http://www.ほげほげ.com/~私のページ/index.html
　http://www.ほげほげ.com/~私のページ/ryouri/ryouri-top.html
　http://www.ほげほげ.com/~私のページ/ryouri/butaniku/1.html
　http://www.ほげほげ.com/~私のページ/ryouri/okasi/1.html
のような構成になっているとします。

　http://www.ほげほげ.com/~私のページ/ryouri/okasi/1.html
のhtmlファイルの中で
　http://www.ほげほげ.com/~私のページ/ryouri/ryouri-top.html
を参照する場合は、
　<a href=../ryouri-top.html>料理トップ</a>
のようになります。

　http://www.ほげほげ.com/~私のページ/index.html
を参照する場合は、
　<a href=../../index.html>私のページのトップ</a>
こんなですね。

補足

＃１の方の回答を丁寧に説明してくださったんですね。ありがとうございます。大変わかりやすいです(^^)。
　しかし、すでにもう何十ページも同一ディレクトリ内指定のリンクを作ってしまいました。最初からこちらに伺っていれば…(T▽T)。
　回答ありがとうございました。

回答No.2

zero_21

さらにディレクトリ名を指定してもできますよ。
<a href="a/b/c.html">のようにすれば、OKです。
aはbの親ディレクトリということになります。
/を\に置き換えてみえると、Windowsのフォルダの指定方法を同じですよね。
c:\windows\system\system.dllは
c:/windows/system/system.dllと同じ意味です。

ryouri/okasi/a.html
ryouri/butaniku/b.html

などとするとわかりやすいですね。
.. は親ディレクトリ（階層が上のフォルダ）を表します。
.　は自身のディレクトリです。

補足

おおお、回答ありがとうございます。上位ディレクトリ名だけでもオッケーなんですか？知りませんでした・・(恥）。
　HTMLで試行錯誤を繰り返しながら、すでに一年ちょっと。表を使わずともいろんなことができるようになったり、おおよそやりたいことのほとんどは自力で解けるようになりましたが、まったくもってまだまだですね。教えて下さってありがとうございます。
　目下の悩みどころろは、CD-RWに納めるつもりのデータのほうです。最初からどのようなディレクトリ構成にするのか、ちゃんと計画を練っておかないとだめみたいですね(^^;)。
　回答ありがとうございました。