一、相對(duì)路徑和絕對(duì)路徑

相對(duì)路徑：以引用文件之網(wǎng)頁(yè)所在位置為參考基礎(chǔ)，而建立出的目錄路徑。因此，當(dāng)保存于不同目錄的網(wǎng)頁(yè)引用同一個(gè)文件時(shí)，所使用的路徑將不相同，故稱之為相對(duì)。

絕對(duì)路徑：以Web站點(diǎn)根目錄為參考基礎(chǔ)的目錄路徑。之所以稱為絕對(duì)，意指當(dāng)所有網(wǎng)頁(yè)引用同一個(gè)文件時(shí)，所使用的路徑都是一樣的。

　　其實(shí)絕對(duì)路徑與相對(duì)路徑的不同處，只在于描述目錄路徑時(shí)，所采用的參考點(diǎn)不同。由于對(duì)網(wǎng)站上所有文件而言，根目錄這個(gè)參考點(diǎn)對(duì)所有文件都是一樣的，因此，運(yùn)用以根目錄為參考點(diǎn)的路徑描述方式才會(huì)被稱之為絕對(duì)路徑。

二、以下為建立路徑所使用的幾個(gè)特殊符號(hào)，及其所代表的意義。

　　"."—代表目前所在的目錄。

　　".."—代表上一層目錄。

　　"/"—代表根目錄。

三、我們假設(shè)讀者所建立的Web站點(diǎn)擁有如下圖所示目錄路徑。

1、例如：

?　　　　

（1）假若要在Ref.htm文件中引用BeRef.gif文件時(shí)，其相對(duì)路徑如下：

　　./SubDir2/BeRef.gif

　　上面的引用路徑中，"."代表目前的目錄(Dir1)，所以"./SubDir2"代表目前目錄下的SubDir2。其實(shí)，也可以省略"./"直接用下這個(gè)方式引用。

　　SubDir2/BeRef.gif

（2）若使用絕對(duì)路徑以根目錄為參考點(diǎn)引用該文件時(shí)，引用路徑如下：

　　/Dir1/SubDir2/BeRef.gif

2、如果Web站點(diǎn)的目錄之結(jié)構(gòu)如下圖時(shí)

　　?

引用BeRef.gif文件的相對(duì)路徑又是如何呢?

假若要在Ref.htm文件中引用BeRef.gif文件時(shí)其相對(duì)路徑如下：

　　　../SubDir2/BeRef.gif

?　　上面的引用路徑中，".."代表上一層目錄，所以，/Dir2"代表上一層目錄下的Dir2子目錄。若使用絕對(duì)路徑引用時(shí)，則引用路徑如下：

　　/Dir2/BeRer.gif

3、我們?cè)倥e一個(gè)比較復(fù)雜的例子，來(lái)比較一下相對(duì)路徑與絕對(duì)路徑的使用。假設(shè)在讀者所建立之Web站點(diǎn)中，擁有如下圖的目錄路徑。

?　　

我們用以一個(gè)表格來(lái)說(shuō)明在上圖的情況下，某文件引用另一文件時(shí)，所應(yīng)使用的相對(duì)路徑與絕對(duì)路徑。

　　

上表中比較需要說(shuō)明的是"../../"所代表的意義。

?

".."代表上一層目錄，而"../../"所代表的是上一層目錄的上一層目錄。所以，從上表中可以看出，如果引用的文件存在于目前目錄的子目錄中，或者存在于上一層目錄的 另一個(gè)子目錄中，運(yùn)用相對(duì)路徑是比較方便的。如果不是時(shí)，則干脆利用絕對(duì)路徑，還比較省事。從上表中，亦可以看出，當(dāng)被引用的是同一個(gè)文件時(shí)，引用文件所使用的絕對(duì)路徑是一樣的。

轉(zhuǎn)載于:https://www.cnblogs.com/h07061108/p/path.html

總結(jié)

以上是生活随笔為你收集整理的基础 HTML之目录问题(相对路径和绝对路径区别)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。