HTML使用相對(duì)路徑獲取各級(jí)目錄下文件方式詳解
相對(duì)路徑的概念
以當(dāng)前文件所在位置為參考點(diǎn),建立目標(biāo)文件的路徑。
絕對(duì)路徑的概念
整個(gè)文件的完整路徑,比如X:\www\web\index.html,或者 http://waldo.com.cn/index.html 。這兩者都屬于絕對(duì)路徑。
相對(duì)路徑多種使用方式詳解
假設(shè)當(dāng)前有一個(gè)頁(yè)面,要鏈接到一個(gè)頁(yè)面名稱(chēng)為test.html的頁(yè)面,以下展示多種相對(duì)路徑的表達(dá)方式
| 相對(duì)路徑范例 | 路徑所表示的含義 |
|---|---|
| href="test.html" | 表示此頁(yè)面就在當(dāng)前頁(yè)面所在目錄下 |
| href="./test.html" | 表示此頁(yè)面就在當(dāng)前頁(yè)面所在目錄下,單個(gè)點(diǎn)和上面直接文件名表示的意思是一樣的。 |
| href="/test.html" | 表示此頁(yè)面在網(wǎng)站根目錄下 |
| href="../test.html" | 表示此頁(yè)面在當(dāng)前頁(yè)面的上一級(jí)目錄下 |
| href="../../test.html" | 表示此頁(yè)面在當(dāng)前頁(yè)面的上一級(jí)的上一級(jí)目錄下(即上兩級(jí)目錄下),上級(jí)目錄每增加一層就加一個(gè)../ |
| href="../test.html" | 表示此頁(yè)面在當(dāng)前頁(yè)面上一級(jí)目錄的web子目錄下 |
相對(duì)路徑訪問(wèn)網(wǎng)站根目錄下的文件
單斜杠/表示根目錄,無(wú)論哪個(gè)層級(jí)都可以使用/單斜杠直接訪問(wèn)根目錄。
假設(shè)網(wǎng)頁(yè)中很多地方都要鏈接到網(wǎng)站根目錄下web文件夾下的about.html頁(yè)面,那么html代碼應(yīng)該這樣寫(xiě)<a href='/about.html'>鏈接到</a>。
相對(duì)路徑訪問(wèn)當(dāng)前頁(yè)面上級(jí)目錄下的文件
../表示當(dāng)前文件的上一級(jí)目錄,假設(shè)當(dāng)前頁(yè)面路徑為 Waldo.com.cn/StaticPageFiles/SiteMapFiles/tag_11_1.htm 。頁(yè)面中需要鏈接到X:www\web\StaticPageFiles\SiteMapFiles\Tag3\tag_3_1.htm這個(gè)文件。那么在當(dāng)前頁(yè)面中的鏈接地址應(yīng)該是<a href='../Tag3/tag_3_1.htm'>.NET標(biāo)簽</a>。
PS:由于當(dāng)前目錄是Tag11,而頁(yè)面需要鏈接的目標(biāo)文件所在目錄為T(mén)ag3,和當(dāng)前目錄是屬于同一個(gè)父目錄SiteMapFiles,所以要使用../先鏈接到父目錄,而在鏈接到父目錄下的目標(biāo)目錄及文件。
相對(duì)路徑訪問(wèn)當(dāng)前頁(yè)面多層上級(jí)目錄下的文件
../既然是表示當(dāng)前文件的上一級(jí)目錄,那么../../就表示當(dāng)前文件的上上目錄,根據(jù)要獲取的父級(jí)層數(shù)而疊加../就可以了。
相對(duì)路徑訪問(wèn)當(dāng)前頁(yè)面文件所屬下級(jí)目錄下的文件
直接使用當(dāng)前目錄名稱(chēng)/下級(jí)目錄名稱(chēng)/目標(biāo)文件名即可。假設(shè)當(dāng)前的文件所在目錄是shiyousan.com/StaticPageFiles/SiteMapFiles/,要鏈接到當(dāng)前目錄下Tag3下的文件 ,鏈接地址這樣寫(xiě)即可:<a href='SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>,或者也可以使用./,./的寫(xiě)法是這樣的:<a href='./SiteMapFiles/Tag3/tag_3_1.htm'>鏈接</a>。
總結(jié)
. --------單個(gè)點(diǎn)或者直接目錄名稱(chēng)表示當(dāng)前目錄
.. --------雙個(gè)點(diǎn)表示當(dāng)前文件的上一級(jí)目錄
/ --------單斜杠表示當(dāng)前網(wǎng)站的根目錄
以上所述是小編給大家介紹的HTML使用相對(duì)路徑獲取各級(jí)目錄下文件方式詳解,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
HTML中絕對(duì)路徑和相對(duì)路徑的區(qū)別分析
做個(gè)開(kāi)發(fā)的人,對(duì)于文件或者文件夾的定義都是有一定的規(guī)范的,比如建立一個(gè)網(wǎng)站前端設(shè)計(jì),要建立的文件夾有css,js,images,swf等等2012-10-12基礎(chǔ) HTML之目錄問(wèn)題(相對(duì)路徑和絕對(duì)路徑區(qū)別)
有好多朋友不是很清楚html的目錄問(wèn)題,這里腳本之家為大家準(zhǔn)備下,大家看了應(yīng)該可以了解了。2009-10-20HTML相對(duì)路徑 上級(jí)目錄及下級(jí)目錄的寫(xiě)法
如何表示上級(jí)目錄 ../表示源文件所在目錄的上一級(jí)目錄,../../表示源文件所在目錄的上上級(jí)目錄,以此類(lèi)推。 假設(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-23

