HTMLファイルパス
ファイルパスは、Webサイトのフォルダ構造内のファイルの場所を示します。
ファイルパスの例
道 | 説明 |
---|---|
<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.w3schools.com/images/picture.jpg"
alt="Mountain">
<img>タグについては、「 HTML画像」の章で説明しています。
相対ファイルパス
相対ファイルパスは、現在のページを基準にしたファイルを指します。
次の例では、ファイルパスは、現在の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)でも機能します。