系統城裝機大師 - 唯一官網:www.farandoo.com!

當前位置:首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

HTML使用相對路徑獲取各級目錄下文件方式詳解

時間:2019-12-05來源:系統城作者:電腦系統城

相對路徑的概念

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

絕對路徑的概念

整個文件的完整路徑,比如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使用相對路徑獲取各級目錄下文件方式詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對我們網站的支持!

分享到:

相關信息

  • HTML5之audio屬性

    audio主要支持的音頻格式:mp3 ogg wav<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>audio</title></head><body> <!-- 方法一 --> <a...

    2020-03-04

  • HTML連載72-動畫效果及其他屬性

    一、動畫效果 1.過渡與動畫相類似,都需要三要素,那么他們的區別在哪里呢? ?答:過渡必須是人為的觸發才會執行動畫,動畫不需要人為的觸發就可以自動執行?動畫。 2.?相同點: (1)過度和動畫都是用來給元素添加動畫的;(2)過渡...

    2020-03-04

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

jlzzjlzz亚洲乱熟在线播放