1. 程式人生 > >HTML中關於路徑的寫法----------即絕對路徑和相對路徑

HTML中關於路徑的寫法----------即絕對路徑和相對路徑

一.  HTML相對路徑(Relative Path) 同一個目錄的檔案引用 如果原始檔和引用檔案在同一個目錄裡,直接寫引用檔名即可。

我們現在建一個原始檔info.html,在info.html裡要引用index.html檔案作為超連結。

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html 假設index.html路徑是:c:/Inetpub/wwwroot/sites/blabla/index.html 在info.html加入index.html超連結的程式碼應該這樣寫:

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

如何表示上級目錄 ../表示原始檔所在目錄的上一級目錄,../../表示原始檔所在目錄的上上級目錄,以此類推。

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html 假設index.html路徑是:c:/Inetpub/wwwroot/sites/index.html 在info.html加入index.html超連結的程式碼應該這樣寫:

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

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html 假設index.html路徑是:c:/Inetpub/wwwroot/index.html 在info.html加入index.html超連結的程式碼應該這樣寫:

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

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html 假設index.html路徑是:c:/Inetpub/wwwroot/sites/wowstory/index.html 在info.html加入index.html超連結的程式碼應該這樣寫:

<a href = "../wowstory/index.html">index.html</a>   如何表示下級目錄 引用下級目錄的檔案,直接寫下級目錄檔案的路徑即可。

假設info.html路徑是:c:/Inetpub/wwwroot/sites/blabla/info.html 假設index.html路徑是:c:/Inetpub/wwwroot/sites/blabla/html/index.html 在info.html加入index.html超連結的程式碼應該這樣寫:

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

二. 絕對路徑

      瞭解了相對路徑的用法後,絕對路徑就相對簡單多了!