以目前文件所在位置為參考點,建立目標文件的路徑。
絕對路徑的概念整個文件的完整路徑,例如X:/www/web/index.html,或是http://waldo.com.cn/index.html。這兩者都屬於絕對路徑。
相對路徑多種使用方式詳解假設目前有一個頁面,要連結到一個頁面名稱為test.html的頁面,以下展示多種相對路徑的表達方式
相對路徑範例 | 路徑所表示的意義 |
---|---|
href=test.html | 表示此頁面就在目前頁面所在目錄下 |
href=./test.html | 表示此頁面就在目前頁面所在目錄下,單點和上面直接檔名表示的意思是一樣的。 |
href=/test.html | 表示此頁面在網站根目錄下 |
href=../test.html | 表示此頁面在目前頁面的上一層目錄下 |
href=../../test.html | 表示此頁在目前頁面的上一層的上一層目錄下(即上兩級目錄下),上級目錄每增加一層就加一個../ |
href=../test.html | 表示此頁面在目前頁面上一級目錄的web子目錄下 |
單斜線/表示根目錄,無論哪個層級都可以使用/單斜線直接存取根目錄。
假設網頁中很多地方都要連結到網站根目錄下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武林網站的支持!