HTML File Paths

❮ 前章へ 次章へ ❯

picture.jpgは現在のページと同じフォルダにあります picture.jpgは現在のフォルダにあるimagesフォルダにあります picture.jpgは現在のWebにあるimagesフォルダにあります picture.jpgは現在のフォルダから1レベル上のフォルダにあります
パス説明
<img src="picture.jpg"> picture.jpg は、現在のページと同じフォルダにあります
<img src="images/picture.jpg"> picture.jpg は、現在のフォルダ内の images フォルダにあります
<img src="/images/picture.jpg"> picture.jpg は、現在の Web 内の images フォルダにあります
<img src="../picture.jpg"> picture.jpg は、現在のフォルダの 1 レベル上のフォルダにあります

HTML ファイルパス

ファイルパスは、Web サイトのフォルダ構造内のファイルの場所を記述します。

ファイルパスは、次のような外部ファイルにリンクするときに使用します:


絶対パス

絶対パスは、インターネットファイルへの完全な URL です:

<img src="http://www.w3schools.com/images/picture.jpg" alt="Mountain">

Try it Yourself »


相対パス

相対パスは、現在のページを基準にファイルをポイントします。

次の例のパスは、現在の Web の images フォルダにあるファイルを指しています:

<img src="/images/picture.jpg" alt="Mountain">

Try it Yourself »

次の例のパスは、現在のフォルダ内の images フォルダにあるファイルを指しています:

<img src="images/picture.jpg" alt="Mountain">

Try it Yourself »

次の例のパスは、現在のフォルダの 1 レベル上のフォルダにある images フォルダ内のファイルを指しています:

<img src="../images/picture.jpg" alt="Mountain">

Try it Yourself »


ベストプラクティス

可能であれば、相対パスを使用することがベストプラクティス(最善の選択)です。

相対パスを使用する場合、Web ページは現在のベース URL に拘束されません。すべてのリンクは、自分のコンピュータ(ローカルホスト)だけでなく、 現在のパブリックドメインと今後のパブリックドメインでも動作します。


❮ 前章へ 次章へ ❯