基礎 HTML之目錄問題(相對路徑和絕對路徑區別)

相對路徑-以引用文件之網頁所在位置爲參考基礎，而創建出的目錄路徑。所以，當保存於不一樣目錄的網頁引用同一個文件時，所使用的路徑將不相同，故稱之爲相對。
　　絕對路徑-以Web站點根目錄爲參考基礎的目錄路徑。之因此稱爲絕對，意指當全部網頁引用同一個文件時，所使用的路徑都是同樣的。
　　其實絕對路徑與相對路徑的不一樣處，只在於描述目錄路徑時，所採用的參考點不一樣。因爲對網站上全部文件而言，根目錄這個參考點對全部文件都是同樣的，所以，運用以根目錄爲參考點的路徑描述方式纔會被稱之爲絕對路徑。
　　如下爲創建路徑所使用的幾個特殊符號，及其所表明的意義。
　　"."--表明目前所在的目錄。
　　".."--表明上一層目錄。
　　"/"--表明根目錄。
　　接下來，咱們假設讀者所創建的Web站點擁有以下圖所示目錄路徑。 
  
倘若要在Ref.htm文件中引用BeRef.gif文件時，其相對路徑以下：

　　./SubDir2/BeRef.gif

　　上面的引用路徑中，"."表明目前的目錄(Dir1)，因此"./SubDir2"表明目前目錄下的SubDir2。其實，也能夠省略"./"直接用下這個方式引用。

　　SubDir2/BeRef.gif

　　若使用絕對路徑以根目錄爲參考點引用該文件時，引用路徑以下：

　　/Dir1/SubDir2/BeRef.gif

　　若是Web站點的目錄之結構以下圖時

         

 

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

　　倘若要在Ref.htm文件中引用BeRef.gif文件時其相對路徑以下：
　
　　../SubDir2/BeRef.gif

　　上面的引用路徑中，".."表明上一層目錄，因此，/Dir2"表明上一層目錄下的Dir2子目錄。若使用絕對路徑引用時，則引用路徑以下：

　　/Dir2/BeRer.gif

　　咱們再舉一個比較複雜的例子，來比較一下相對路徑與絕對路徑的使用。假設在讀者所創建之Web站點中，擁有以下圖的目錄路徑。

  

　　咱們用以一個表格來講明在上圖的狀況下，某文件引用另外一文件時，所應使用的相對路徑與絕對路徑。

 

引用者	被引用者	相對路徑	絕對路徑
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

 

　　上表中比較須要說明的是"../../"所表明的意義。 　　".."表明上一層目錄，而"../../"所表明的是上一層目錄的上一層目錄。因此，從上表中能夠看出，若是引用的文件存在於目前目錄的子目錄中，或者存在於上一層目錄的 另外一個子目錄中，運用相對路徑是比較方便的。若是不是時，則乾脆利用絕對路徑，還比較省事。從上表中，亦能夠看出，當被引用的是同一個文件時，引用文件所使用的絕對路徑是同樣的。