HTML 檔案路徑
檔案路徑描述了網站資料夾結構中檔案的位置。
檔案路徑示例
| 路徑 | 描述 |
|---|---|
| <img src="picture.jpg"> | “picture.jpg”檔案與當前頁面位於同一資料夾中 |
| <img src="images/picture.jpg"> | “picture.jpg”檔案位於當前資料夾下的 images 資料夾中 |
| <img src="/images/picture.jpg"> | “picture.jpg”檔案位於當前網站根目錄下的 images 資料夾中 |
| <img src="../picture.jpg"> | “picture.jpg”檔案位於當前資料夾上一級資料夾中 |
HTML 檔案路徑
檔案路徑描述了網站資料夾結構中檔案的位置。
檔案路徑用於連結到外部檔案，例如：
- 網頁
- 圖片
- 樣式表
- JavaScripts
絕對檔案路徑
絕對檔案路徑是檔案的完整 URL
<img> 標籤在以下章節中進行了解釋：HTML 圖片。
相對檔案路徑
相對檔案路徑是指相對於當前頁面的檔案。
在以下示例中，檔案路徑指向位於當前網站根目錄下的 images 資料夾中的檔案
在以下示例中，檔案路徑指向位於當前資料夾下的 images 資料夾中的檔案
在以下示例中，檔案路徑指向位於當前資料夾上一級資料夾下的 images 資料夾中的檔案
最佳實踐
最好使用相對檔案路徑（如果可能）。
使用相對檔案路徑時，您的網頁將不會與您當前的基礎 URL 繫結。所有連結都可以在您自己的計算機（localhost）以及您當前和未來的公共域上正常工作。
