HTML中的相對路徑和絕對路徑

2021-04-27 02:26:06 字數 2075 閱讀 7569

html初學者會經常遇到這樣乙個問題,如何正確引用乙個檔案。比如,怎樣在乙個html網頁中引用另外乙個html網頁作為超連結(hyperlink)?怎樣在乙個網頁中插入一張?......(相關教程:html超連結;html)

如果你在引用檔案時(如加入超連結,或者插入等),使用了錯誤的檔案路徑,就會導致引用失效(無法瀏覽鏈結檔案,或無法顯示插入的等)。

為了避免這些錯誤,正確地引用檔案,我們需要學習一下html路徑。

html有2種路徑的寫法:相對路徑和絕對路徑。

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超連結的**應該這樣寫:

index.html

如何表示上級目錄

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

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

假設index.html路徑是:c:/inetpub/wwwroot/sites/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

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

假設index.html路徑是:c:/inetpub/wwwroot/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

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

假設index.html路徑是:c:/inetpub/wwwroot/sites/wowstory/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

如何表示下級目錄

引用下級目錄的檔案,直接寫下級目錄檔案的路徑即可。

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

假設index.html路徑是:c:/inetpub/wwwroot/sites/blabla/html/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

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

假設index.html路徑是:c:/inetpub/wwwroot/sites/blabla/html/tutorials/index.html

在info.html加入index.html超連結的**應該這樣寫:

index.html

html絕對路徑(absolute path)

html絕對路徑(absolute path)指帶網域名稱的檔案的完整路徑。

假設你註冊了網域名稱www.blabla.cn

,並申請了虛擬主機,你的虛擬主機提供商會給你乙個目錄,比如www,這個www就是你**的根目錄。

假設你在www根目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是: http://www.blabla.cn/index.html

。 假設你在www根目錄下建了乙個目錄叫html_tutorials,然後在該目錄下放了乙個檔案index.html,這個檔案的絕對路徑就是http://www.blabla.cn/html_tutorials/index.html

HTML相對路徑和絕對路徑

html初學者會經常遇到這樣乙個問題,如何正確引用乙個檔案。比如,怎樣在乙個html網頁中引用另外乙個html網頁作為超連結 hyperlink 怎樣在乙個網頁中插入一張?如果你在引用檔案時 如加入超連結,或者插入等 使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 為了...

html相對路徑和絕對路徑

文章 html相對路徑與絕對路徑 在網頁製作的過程中,少不了跟路徑打交道,比如,包含乙個檔案,插入乙個等,與路徑都有關係,如果使用了錯誤的檔案路徑,就會導致引用失效 無法瀏覽鏈結檔案,或無法顯示插入的等 初學者可能會感到困惑,下面我就詳細的介紹一下相對路徑與絕對路徑。html有2種路徑的寫法 相對路...

HTML絕對路徑和相對路徑

要正確使用引用,有兩種路徑的書寫方式 相對路徑和絕對路徑。如果原始檔和引用檔案在同乙個目錄裡,直接寫引用檔名即可,這時引用檔案的方式就是使用相對路徑。我們現在建乙個原始檔info.html,在info.html裡要引用index.html檔案作為超連結。假設info.html路徑是 c inetpu...