路徑指文件存放的位置，在網頁中利用路徑可以引用文件，插入圖像、視頻等。表示路徑的方法有兩種：相對路徑，絕對路徑。以下討論均是在HTML環境下進行。

相對路徑

相對路徑是指目標相對于當前文件的路徑，網頁結構設計中多采用這種方法來表示目標的路徑。相對路徑有多種表示方法，其表示的意義不盡相同。表示方法如下：

./ ：代表文件所在的目錄（可以省略不寫）

../ ：代表文件所在的父級目錄

../../ ：代表文件所在的父級目錄的父級目錄

/ ：代表文件所在的根目錄

值得注意的是，（/ ：代表文件所在的根目錄）其實可以理解成項目內部的絕對路徑。

圖1：項目目錄結構

以圖1所示項目目錄結構為例，如果要在test.html中引入000.css，可以有以下寫法：

1. <linkhref="./css/css1/000.css" rel="external nofollow" /> (./可以省略)
2. <link href="/html/css/css1/000.css" rel="external nofollow" />
3. <link href="../html/css/css1/000.css" rel="external nofollow" />

絕對路徑

絕對路徑是指完整的網址，假設圖一中項目的網站域名為www.test.com，那么000.css的絕對路徑應該是

https://www.test.com/HelloHBuilder/html/css/css1/000.css。

相對路徑與絕對路徑的優缺點

表1：相對路徑與絕對路徑的優缺點

到此這篇關于HTML 絕對路徑與相對路徑概念詳細的文章就介紹到這了,更多相關HTML 絕對路徑與相對路徑內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！