HTML絕對路徑與相對路徑

2021-09-11 11:37:53 字數 777 閱讀 2310

我們先來解釋一下概念

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

www.baidu.com複製**
,如果text.html的絕對路徑就是

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

./ :表示檔案所在的目錄

../ :代表檔案所在的父級目錄

../../ :代表檔案所在的父級目錄的父級目錄

/ :代表檔案所在的根目錄複製**

比如說這個目錄

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

"stylesheet" href="/home/css/text.css">複製**

我們在電腦的c盤或者其他盤中也能經常體會到,這就是gikj下的資料夾

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

以下是相對路徑的優缺點

相對路徑的優點是容易移動,可以通過整個資料夾進行移動

測試本地**也更加方便

相對路徑的缺點是如果**不夠嚴謹,當移動資料夾之後,部分頁面可能會出現錯亂現象

而且如果使用相對路徑的話,很容易被人整站抄襲。複製**

絕對路徑的優缺點

有些抄襲的人比較懶,根本不會去修改內容

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

HTML相對路徑與絕對路徑

html相對路徑與絕對路徑 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html有2種路徑的寫法 相對路徑和絕...

HTML相對路徑與絕對路徑

2008 1 3 10 1 10 發布 y0uyou 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html 有...

相對路徑與絕對路徑

相對路徑 以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當儲存於不同目錄的網頁引用同乙個檔案時,所使用的路徑將不相同,故稱之為相對。絕對路徑 以web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同乙個檔案時,所使用的路徑都是一樣的。其實絕對路徑與相對路徑的不同處...