| Path | 説明 |
|---|---|
| <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サイトのフォルダ構造内のファイルの場所を表します。
ファイルパスは、次のように外部ファイルにリンクするときに使用されます。:
- ウェブページ
- 画像
- スタイルシート
- JavaScript
絶対ファイルパス
絶対ファイルパスは、インターネットファイルへの完全なURLです。:
例文
<img src=”https://www.berry.com/images/picture.jpg”
alt=”Mountain”>
スポンサーリンク
相対ファイルパス
相対ファイルパスは、現在のページを基準としたファイルを指します。
この例では、ファイルパスは現在のWebのルートにあるimagesフォルダ内のファイルを指しています。:
例文
<img src=”/images/picture.jpg”
alt=”Mountain”>
この例では、ファイルパスは現在のフォルダにあるimagesフォルダ内のファイルを指しています。:
例文
<img src=”images/picture.jpg”
alt=”Mountain”>
この例では、ファイルパスは現在のフォルダーの1つ上のフォルダーにあるimagesフォルダー内のファイルを指しています。:
例文
<img src=”../images/picture.jpg”
alt=”Mountain”>
ベストプラクティス
可能であれば、相対ファイルパスを使用することをお勧めします。
相対ファイルパスを使用すると、Webページは現在のベースURLにバインドされません。
すべてのリンクはあなたの現在のパブリックドメインとあなたの将来のパブリックドメインと同様にあなた自身のコンピュータ（localhost）上でも動作します。
