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

2020-03-24 18:30:04

字體：大中小

來源：轉載

供稿：網友

相對路徑-以引用文件之網頁所在位置為參考基礎，而建立出的目錄路徑。因此，當保存于不同目錄的網頁引用同一個文件時，所使用的路徑將不相同，故稱之為相對。
絕對路徑-以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站點中，擁有如下圖的目錄路徑。

我們用以一個表格來說明在上圖的情況下，某文件引用另一文件時，所應使用的相對路徑與絕對路徑。
上表中比較需要說明的是 ../../ 所代表的意義。

.. 代表上一層目錄，而 ../../ 所代表的是上一層目錄的上一層目錄。所以，從上表中可以看出，如果引用的文件存在于目前目錄的子目錄中，或者存在于上一層目錄的另一個子目錄中，運用相對路徑是比較方便的。如果不是時，則干脆利用絕對路徑，還比較省事。從上表中，亦可以看出，當被引用的是同一個文件時，引用文件所使用的絕對路徑是一樣的。
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：XHTML入門學習教程-XHTML網頁圖片應用

下一篇：W3C建議的移動Web標記語言XHTML Basic 1.1