剛開始接觸網頁製作的人都不太瞭解路行的使用方式,這一篇來介紹一下何謂「相對路徑」和「絕對路徑」
常看到的路徑大概分成這兩種樣子:
絕對路徑:
絕對路徑是文件在網頁空間上的完整網址,通常是要從我們的網站連到外面的網站時會用到。
其中會包含網站的根目錄位置(網址) / 檔案所在的資料夾名稱 / 檔名
而資料夾位置會在我們建立網頁檔案時就一起決定。
相對路徑:
相對路徑是相對於目前檔案位置的路徑,簡單說就是從要放超連結或是要插入圖片的那個檔案出發,去尋找目標檔案的過程。
說明:(以本文頁首的檔案結構圖為例)
範例1:在index.html頁面裡加入一個超連結按鈕可以開啟history.html的頁面,那所得到的相對路徑會是這樣:
那就是從index.html出發 > 開啟about資料夾 > 開啟history.html
所以得到的路徑是:
about/history.html
範例2:在history.html頁面插入logo.jpg圖檔
那就是從history.html出開 > 退到上一層目錄../ > 開啟img資料夾 > 開啟logo.jpg圖檔
所以得到的路徑是:
../img/logo.jpg
其中../是退回一層,所以如果要退二層的話就是../../