HTML檔案路徑指定檔案在網站資料夾中的位置。 文件路徑與網頁瀏覽器的文件位址非常相似。 使用HTML檔案路徑,可以將任何外部檔案或資源連結到HTML檔案。
1. HTML 文件路徑
文件路徑描述了網站資料夾結構中某個文件的位置。文件路徑會在連結外部文件時被用到:
(1)網頁
(2)影像
(3)樣式表
(4)JavaScript
2. 路徑分類
常常會有網友發現自己的網頁會有圖片不能顯示,其實大部分的原因都是因為你的地址寫錯了。網頁中的圖片或視頻,都有自己對應存放的位置。網頁只是透過其路徑來找到它們的。
頁面要找到圖片,就要通過路徑才可以實現,路徑分為相對路徑(常用)和絕對路徑
(1)相對路徑
相對路徑指向了相對於目前頁面的檔案。在下面的範例中,檔案路徑指向了位於目前網站根目錄中images 資料夾裡的一個檔案;
從目前檔案開始出發找目標檔案的過程,分為同級目錄、上級目錄、下級目錄
a.同級目錄
目前檔案和目標檔案在同一目錄中
b.上級目錄
目標檔案在上級目錄中
c.下級目錄
目標檔案在下級目錄中
2.絕對路徑
絕對檔案路徑是指向一個因特網檔案的完整URL;目錄下的絕對路徑,可直接到達目標位置,分為從磁碟機開始的路徑和完整的網路位址。
舉例:
<imgsrc=https://www.dotcpp.com/oj/image/photo.pngalt=demo>