HTML絕對路徑與相對路徑

DayDreame發表於2019-02-27

我們先來解釋一下概念

絕對路徑:就是完整的路徑,從根目錄一直往下排;

比如百度的網站是

www.baidu.com複製程式碼

,如果text.html的絕對路徑就是

https://www.baidu.com/text.html複製程式碼

相對路徑:指的的目標相對於當前資料夾的路徑,相對路徑有很多種表示方法,而且意義也不相同,比如

./ :表示檔案所在的目錄
../ :代表檔案所在的父級目錄
../../  :代表檔案所在的父級目錄的父級目錄
/ :代表檔案所在的根目錄複製程式碼


比如說這個目錄


HTML絕對路徑與相對路徑

如果我們此時想在index.html中引入text.css,我們就可以寫成這樣:

<link rel="stylesheet" href="/home/css/text.css">複製程式碼


我們在電腦的C盤或者其他盤中也能經常體會到,這就是gikj下的資料夾HTML絕對路徑與相對路徑

同時,我們在開發專案的時候也是這樣,一層巢狀一層,如下


HTML絕對路徑與相對路徑

以下是相對路徑的優缺點

相對路徑的優點是容易移動,可以通過整個資料夾進行移動
測試本地網站也更加方便
相對路徑的缺點是如果程式碼不夠嚴謹,當移動資料夾之後,部分頁面可能會出現錯亂現象
而且如果使用相對路徑的話,很容易被人整站抄襲。複製程式碼

絕對路徑的優缺點

絕對路徑的優點是,如果有人抄襲你的網站內容,裡面的連結還會指向你的網站
有些抄襲的人比較懶,根本不會去修改內容
其實也不侷限於被抄襲,如果有人將你的網頁儲存到本地計算機中,裡面的連結、圖片、CSS及JS仍然會連線到你的網站複製程式碼

我個人建議哈市選擇絕對路徑比較好


相關文章