html5相對路徑的寫法是什麼

html5相對路徑的寫入：1、利用“檔案名稱”來表示同級路徑檔案；2、利用“./檔案名稱”表示上級目錄檔案；3、利用“../檔案名稱”表示上上級檔案；4、利用「同級目錄名/檔名」來表示下級目錄檔。

本教學操作環境：windows10系統、HTML5版、Dell G3電腦。

html5相對路徑的寫入法是什麼

用途：指定由這個文件所在的路徑引起的跟其它文件（或資料夾）的路徑關係

如果原始文件和引用檔案在同一個目錄裡，直接寫引用檔案名稱即可，這時引用檔案的方式就是使用相對路徑。

下方建立兩個HTML文件info.html和index.html，作為範例，要求都是在info.html加入index.html超連結。

eg1：​​相對路徑的簡單應用程式

假設：info.html路徑是：c:/Inetpub/wwwroot/sites/blabla/info.html

#　　　index.html路徑是：c:/Inetpub/wwwroot/sites/blabla/index.html

寫法：

<a href = "index.html">这是超连接</a>

#eg2：如何表示上級目錄

../表示原始檔案所在目錄的上一層目錄，http://www.cnblogs.com/表示原始檔案所在目錄的上上級目錄，以此類推。

假設：info.html路徑是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路徑是：c:/Inetpub/wwwroot/sites/index .html

寫入法：

<a href = "../index.html">这是超连接</a>

eg3：如何表示上上級目錄

假設：info.html路徑是：c:/Inetpub/wwwroot /sites/blabla/info.html

　　　index.html路徑是：c:/Inetpub/wwwroot/sites/wowstory/index.html

#寫法：

<a href = "../wowstory/index.html">index.html</a>

eg3：如何表示下級目錄

引用下級目錄的文件，直接寫下級目錄文件的路徑即可。

假設：info.html路徑是：c:/Inetpub/wwwroot/sites/blabla/info.html

　　　index.html路徑是：c:/Inetpub/wwwroot/sites/bla /html/index.html

寫法：

<a href = "html/index.html">这是超连接</a>

推薦教學：《html影片教學》

以上是html5相對路徑的寫法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！