Sponsored Link
DOCUMENT
   相対パスと絶対パス  
HTML基礎 


相対パスと絶対パス

ここでは、相対パスと絶対パスについて説明します。
HTMLでリンクを設定したり、画像を表示させたりするのには、リンクするHTMLファイル、画像ファイルの
パス(場所)を指定する必要があります。
このパスの指定方法には、相対パスと絶対パスの2通りの記述方法があります。



Top Page

Back Next Page

Home

 


★相対パス



図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>



Top Page 

Back Next Page

Home


 BEGINNING COMPUTER USER Web site... Last Updated by 10/18/2001(Thu) 

copyright(C) 2001 amulo all rights reserved