相對路徑的概念

以當前文件所在位置為參考點，建立目標文件的路徑。

絕對路徑的概念

整個文件的完整路徑，比如X:/www/web/index.html，或者 http://waldo.com.cn/index.html 。這兩者都屬于絕對路徑。

相對路徑多種使用方式詳解

假設當前有一個頁面，要鏈接到一個頁面名稱為test.html的頁面，以下展示多種相對路徑的表達方式

相對路徑訪問網站根目錄下的文件

單斜杠/表示根目錄，無論哪個層級都可以使用/單斜杠直接訪問根目錄。

假設網頁中很多地方都要鏈接到網站根目錄下web文件夾下的about.html頁面,那么html代碼應該這樣寫<a href='/about.html'>鏈接到</a>。

相對路徑訪問當前頁面上級目錄下的文件

../表示當前文件的上一級目錄，假設當前頁面路徑為 Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm 。頁面中需要鏈接到X:www/web/StaticPageFiles/SiteMapFiles/Tag3/tag_3_1.htm這個文件。那么在當前頁面中的鏈接地址應該是<a href='../Tag3/tag_3_1.htm'>.NET標簽</a>。

PS:由于當前目錄是Tag11,而頁面需要鏈接的目標文件所在目錄為Tag3,和當前目錄是屬于同一個父目錄SiteMapFiles，所以要使用../先鏈接到父目錄，而在鏈接到父目錄下的目標目錄及文件。

相對路徑訪問當前頁面多層上級目錄下的文件

../既然是表示當前文件的上一級目錄，那么../../就表示當前文件的上上目錄，根據要獲取的父級層數而疊加../就可以了。

相對路徑訪問當前頁面文件所屬下級目錄下的文件

直接使用當前目錄名稱/下級目錄名稱/目標文件名即可。假設當前的文件所在目錄是shiyousan.com/StaticPageFiles/SiteMapFiles/,要鏈接到當前目錄下Tag3下的文件 ，鏈接地址這樣寫即可：<a href='SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>,或者也可以使用./,./的寫法是這樣的：<a href='./SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>。

總結

. --------單個點或者直接目錄名稱表示當前目錄

.. --------雙個點表示當前文件的上一級目錄

/ --------單斜杠表示當前網站的根目錄

以上所述是小編給大家介紹的HTML使用相對路徑獲取各級目錄下文件方式詳解，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！