基礎(chǔ) HTML之目錄問(wèn)題(相對(duì)路徑和絕對(duì)路徑區(qū)別)

絕對(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),及其所代表的意義。
"."--代表目前所在的目錄。
".."--代表上一層目錄。
"/"--代表根目錄。
接下來(lái),我們假設(shè)讀者所建立的Web站點(diǎn)擁有如下圖所示目錄路徑。

假若要在Ref.htm文件中引用BeRef.gif文件時(shí),其相對(duì)路徑如下:
./SubDir2/BeRef.gif
上面的引用路徑中,"."代表目前的目錄(Dir1),所以"./SubDir2"代表目前目錄下的SubDir2。其實(shí),也可以省略"./"直接用下這個(gè)方式引用。
SubDir2/BeRef.gif
若使用絕對(duì)路徑以根目錄為參考點(diǎn)引用該文件時(shí),引用路徑如下:
/Dir1/SubDir2/BeRef.gif
如果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
我們?cè)倥e一個(gè)比較復(fù)雜的例子,來(lái)比較一下相對(duì)路徑與絕對(duì)路徑的使用。假設(shè)在讀者所建立之Web站點(diǎn)中,擁有如下圖的目錄路徑。

我們用以一個(gè)表格來(lái)說(shuō)明在上圖的情況下,某文件引用另一文件時(shí),所應(yīng)使用的相對(duì)路徑與絕對(duì)路徑。
引用者
|
被引用者
|
相對(duì)路徑
|
絕對(duì)路徑
|
Ref1.htm | BeRef1.gif | ../SubDir2/BeRef1.gif | /Dir1/SubDir2/BeRef1.gif |
Ref2.htm | BeRef1.gif | ../../Dir1/SubDir2/ BeRef1.gif | /Dir1/SubDir2/ BeRef1.gif |
Ref1.htm | BeRef2.htm | ../../Dir2/ BeRef2.htm | /Dir2/BeRef2.htm |
Ref2.htm | BeRef2.htm | ../BeRef2.htm | /Dir2/BeRef2.htm |
上表中比較需要說(shuō)明的是"../../"所代表的意義。
".."代表上一層目錄,而"../../"所代表的是上一層目錄的上一層目錄。所以,從上表中可以看出,如果引用的文件存在于目前目錄的子目錄中,或者存在于上一層目錄的 另一個(gè)子目錄中,運(yùn)用相對(duì)路徑是比較方便的。如果不是時(shí),則干脆利用絕對(duì)路徑,還比較省事。從上表中,亦可以看出,當(dāng)被引用的是同一個(gè)文件時(shí),引用文件所使用的絕對(duì)路徑是一樣的。
相關(guān)文章
HTML中絕對(duì)路徑和相對(duì)路徑的區(qū)別分析
做個(gè)開(kāi)發(fā)的人,對(duì)于文件或者文件夾的定義都是有一定的規(guī)范的,比如建立一個(gè)網(wǎng)站前端設(shè)計(jì),要建立的文件夾有css,js,images,swf等等2012-10-12HTML相對(duì)路徑 上級(jí)目錄及下級(jí)目錄的寫法
如何表示上級(jí)目錄 ../表示源文件所在目錄的上一級(jí)目錄,../../表示源文件所在目錄的上上級(jí)目錄,以此類推。 假設(shè)info.html路徑是:c:Inetpubwwwrootsitesblablainfo.html2009-06-16HTML 相對(duì)路徑和絕對(duì)路徑區(qū)別分析
HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問(wèn)題,如何正確引用一個(gè)文件。比如,怎樣在一個(gè)HTML網(wǎng)頁(yè)中引用另外一個(gè)HTML網(wǎng)頁(yè)作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁(yè)中插入一張圖片 如果2009-04-23HTML使用相對(duì)路徑獲取各級(jí)目錄下文件方式詳解
這篇文章主要介紹了HTML使用相對(duì)路徑獲取各級(jí)目錄下文件,需要的朋友可以參考下2018-09-06