就像地圖有絕對座標和相對座標~
如果你不想以網址決定檔案的位置,要從自己所在的網頁位址當作基準點,指出檔案的方向,這也能辦到!
推薦閱讀:絕對路徑和相對路徑的表示法
絕對路徑
我們經常看到的網址,就是絕對路徑的其中一種。
由於是定位在網路上的真實位置,不像每次轉移檔案就要修改原始碼的相對位置。
因此URL路徑選用網址的方式蔚為主流。
雖然獨立HTML檔案在搬家的時候很方便,但是面對別人搬家的時候,就和相對位置一樣地沒轍了。
而且,絕對位置也有個容易過於冗長的硬傷。
相對路徑
它的優勢在於一大團互相有關連的網頁檔要一起搬家的時候:這將是個非常有用的特性。
尤其未來把網頁架設的更健全時,每個HTML檔都可能還會各自擁有附屬CSS檔和JS檔。
由於它們之間的位置並沒有變化,所以當你之後想把GitHub Pages的原封不動、連套用格式也一起搬去新家的時候,直接從根目錄複製就好。
根目錄就是你的Repository資料夾,而你寫的第一個index.html就位於根目錄。
另外,因為根目錄本身屬於絕對路徑,所以當你想用超連結回到首頁時:
其實可以直接把href屬性內容寫成這樣!
<a href="/">帶有超連結的文字串</a>
學會路徑的表示法,寫出來的網頁程式碼變得更加簡短且方便!