HTML 文件路徑

文件路徑描述了網站文件夾結構中某個文件的位置。

文件路徑會在鏈接外部文件時被用到：

• 網頁
• 圖像
• 樣式表
• JavaScript

絕對文件路徑

絕對文件路徑是指向一個因特網文件的完整 URL：

實例

<img src="https://www.w3cschool.cn/statics/img/logo/indexlogo@2x.png" alt="Logo">

<img> 標簽以及 src 和 alt 屬性在 HTML 圖像這一章做了講解。

相對路徑

相對路徑指向了相對于當前頁面的文件。

在本例中，文件路徑指向了位于當前網站根目錄中 logo 文件夾里的一個文件：

實例

<img src="/statics/img/logo/indexlogo@2x.png" alt="Logo">

在本例中，文件路徑指向了位于當前文件夾中 logo 文件夾里的一個文件：

實例

<img src="statics/img/logo/indexlogo@2x.png" alt="Logo">

在本例中，文件路徑指向了位于當前文件夾的上一級文件夾中 logo 文件夾里的一個文件：

實例

<img src="../statics/img/logo/indexlogo@2x.png" alt="Logo">

好習慣

使用相對路徑是個好習慣（如果可能）。

如果使用了相對路徑，那么您的網頁就不會與當前的基準 URL 進行綁定。所有鏈接在您的電腦上 (localhost) 或未來的公共域中均可正常工作。