iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 19
0
自我挑戰組

如何架出github.io的個人網頁-html的30天自由式筆記系列 第 19

檔案路徑的絕對與相對?

就像地圖有絕對座標和相對座標~
如果你不想以網址決定檔案的位置,要從自己所在的網頁位址當作基準點,指出檔案的方向,這也能辦到!

推薦閱讀:絕對路徑和相對路徑的表示法


絕對路徑

我們經常看到的網址,就是絕對路徑的其中一種
由於是定位在網路上的真實位置,不像每次轉移檔案就要修改原始碼的相對位置。
因此URL路徑選用網址的方式蔚為主流。

雖然獨立HTML檔案在搬家的時候很方便,但是面對別人搬家的時候,就和相對位置一樣地沒轍了。
而且,絕對位置也有個容易過於冗長的硬傷。


相對路徑

它的優勢在於一大團互相有關連的網頁檔要一起搬家的時候:這將是個非常有用的特性。
尤其未來把網頁架設的更健全時,每個HTML檔都可能還會各自擁有附屬CSS檔和JS檔。

由於它們之間的位置並沒有變化,所以當你之後想把GitHub Pages的原封不動、連套用格式也一起搬去新家的時候,直接從根目錄複製就好。

根目錄就是你的Repository資料夾,而你寫的第一個index.html就位於根目錄。
另外,因為根目錄本身屬於絕對路徑,所以當你想用超連結回到首頁時:

其實可以直接把href屬性內容寫成這樣!
<a href="/">帶有超連結的文字串</a>

學會路徑的表示法,寫出來的網頁程式碼變得更加簡短且方便!


上一篇
URL究竟是什麼?網址嗎?
下一篇
斜槓與反斜槓
系列文
如何架出github.io的個人網頁-html的30天自由式筆記30

尚未有邦友留言

立即登入留言