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

相對路徑

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

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

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

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

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

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

圖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。

相對路徑與絕對路徑的優(yōu)缺點

表1：相對路徑與絕對路徑的優(yōu)缺點

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

最新評論