| DOCUMENT | ||
| 相対パスと絶対パス | ||
| HTML基礎 | ||
| 相対パスと絶対パス
|
|
ここでは、相対パスと絶対パスについて説明します。 |
|
|
|||||
|
|
|||||
|
|
|||||
★相対パス

図1
【説明】
/xxx.gif や ../htmlなどを見たことがありませんか?これが相対パスの正体です。
相対パスとは、現在のファイル(作成中のファイル)の位置を基準として、リンクしたいHTMLファイルや画像がある
場所を相対的に指定する方法です。
主に自分の作成したホームページ内にあるファイル間のリンクにこちらを使います。
相対パスは場所(フォルダ)が変わる毎に「/(スラッシュ)」をいれ、上流にあるフォルダに1つあがる
毎に「../」を付けます。
【例】
図1を参考に下記にリンクの記述例をあげておきます。
・index.htmlから同一ホルダにあるmenu.htmlにリンクをする場合
<A HREF="menu.html">メニュー</A>
・index.htmlからSample FolderにあるA.htmlにリンクをする場合
<A HREF="Sample
Folder/A.html">画廊1</A>
・index.htmlからSample Folderの中のimg folderにある○○○.gifにリンクをする場合
<A HREF="Sample
Folder/img folder/○○○.gifl">猫</A>
・A.htmlから1つ上のフォルダのindex.htmlにリンクをする場合
<A HREF="../index.html">
・A.htmlからSample Folder2のc.htmlにリンクをする場合は1つ上に戻ってから
Sample Folder2のc.htmlにリンクをはります。
<A HREF="../Smple
Folder2/c.html">
・S1.htmlからSample Folderの△△△.jpgにリンクをする場合は2つ上に戻ってから
Sample Folderのimg folderの中の△△△.jpgにリンクをはります。
<A HREF="../../Smple
Folder/img folder/△△△.jpg">
【ちょっと!まめ知識】
「 ./ 」ってなに?ヽ(~〜~ )ノ
ハテ?
「 ./ 」は、同じフォルダーのファイル( フォルダー )を指定する場合に使います。
つまり、記述してもしなくても同じ事なんですけど...!
【例】で言うと、<A
HREF="menu.html">メニュー</A> は、<A
HREF="./menu.html">メニュー</A>
を意味するもので「 ./ 」は省略しても良い...と言う事です。
そう言えば、CGIの設定によくある
$log = "./"; #ログを置くフォルダー
てな感じで、CGIと同じフィルダーを指定しているのです。
w(゜o゜)w オオー!そうなんだ!
★絶対パス
【説明】
相対パスでは他の人のホームページにリンクをはり、表示することは出来ません
他の人のホームページにリンクをはり、表示させるには「http://」で始まる絶対パスを使います。
また自分のホームページ内にあるファイルも絶対パスで表すことも出来ますが、ホームページの引越しなどをした時、絶対パスでリンクをはっているとリンクの部分を書き直さなければいけません。
ですから自分のホームページ内にあるファイルのリンクに絶対パスを使う時は注意して使いましょう。
【例】
<A HREF="http://www.amulo.com/index.html">アムちゃんの部屋</A>
BEGINNING
COMPUTER USER Web site...
Last
Updated by 10/18/2001(Thu)