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

相對(duì)路徑

相對(duì)路徑是指目標(biāo)相對(duì)于當(dāng)前文件的路徑，網(wǎng)頁(yè)結(jié)構(gòu)設(shè)計(jì)中多采用這種方法來(lái)表示目標(biāo)的路徑。相對(duì)路徑有多種表示方法，其表示的意義不盡相同。表示方法如下：

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

../ ：代表文件所在的父級(jí)目錄

../../ ：代表文件所在的父級(jí)目錄的父級(jí)目錄

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

值得注意的是，（/ ：代表文件所在的根目錄）其實(shí)可以理解成項(xiàng)目?jī)?nèi)部的絕對(duì)路徑。

圖1：項(xiàng)目目錄結(jié)構(gòu)

以圖1所示項(xiàng)目目錄結(jié)構(gòu)為例，如果要在test.html中引入000.css，可以有以下寫(xiě)法：

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" />

絕對(duì)路徑

絕對(duì)路徑是指完整的網(wǎng)址，假設(shè)圖一中項(xiàng)目的網(wǎng)站域名為www.test.com，那么000.css的絕對(duì)路徑應(yīng)該是

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

相對(duì)路徑與絕對(duì)路徑的優(yōu)缺點(diǎn)

表1：相對(duì)路徑與絕對(duì)路徑的優(yōu)缺點(diǎn)

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

最新評(píng)論