html5相對(duì)路徑的寫法：1、利用“文件名”來(lái)表示同級(jí)路徑文件；2、利用“./文件名”表示上級(jí)目錄文件；3、利用“../文件名”表示上上級(jí)文件；4、利用“同級(jí)目錄名/文件名”來(lái)表示下級(jí)目錄文件。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5相對(duì)路徑的寫法是什么

用途：指定由這個(gè)文件所在的路徑引起的跟其它文件（或文件夾）的路徑關(guān)系

如果源文件和引用文件在同一個(gè)目錄里，直接寫引用文件名即可，這時(shí)引用文件的方式就是使用相對(duì)路徑。

下面建立兩個(gè)HTML文檔info.html和index.html，用作示例，要求都是在info.html加入index.html超鏈接。

eg1：相對(duì)路徑的簡(jiǎn)單應(yīng)用

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

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

寫法：

<a href = "index.html">這是超連接</a>

eg2：如何表示上級(jí)目錄

../表示源文件所在目錄的上一級(jí)目錄，http://www.cnblogs.com/表示源文件所在目錄的上上級(jí)目錄，以此類推。

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

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

寫法：

<a href = "../index.html">這是超連接</a>

eg3：如何表示上上級(jí)目錄

假設(shè)：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：如何表示下級(jí)目錄

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

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

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

寫法：

<a href = "html/index.html">這是超連接</a>

推薦教程：《html視頻教程》