HTML相對路徑與絕對路徑

2021-05-21 10:16:53 字數 2262 閱讀 1595

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

這是超連線

如何表示上級目錄

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

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

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

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

這是超連線

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

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

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

這是超連線

html絕對路徑(absolute path)

大家都知道,在我們平時使用計算機時要找到需要的檔案就必須知道檔案的位置,而表示檔案的位置的方式就是路徑,例如只要看到這個路徑:c:/website /img/photo.jpg我們就知道photo.jpg檔案是在c盤的website目錄下的img子目錄中。類似於這樣完整的描述檔案位置的路徑就是絕對路徑。我們不需要知道其他任何資訊就可以根據絕對路徑判斷出檔案的位置。而在**中類似以http://www.ajaxstu.com/img/photo.jpg來確定檔案位置的方式也是絕對路徑。

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

假設你註冊了網域名稱http://www.ajaxstu.com,並申請了虛擬主機,你的虛擬主機提供商會給你乙個目錄,比如www,這個www就是你**的根目錄。

假設你在www根目錄下放了乙個檔案default.asp,這個檔案的絕對路徑就是: font color="#0058db">http://www.ajaxstu.com/default.asp。

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

HTML相對路徑與絕對路徑

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

HTML絕對路徑與相對路徑

我們先來解釋一下概念 絕對路徑 就是完整的路徑,從根目錄一直往下排 www.baidu.com複製 如果text.html的絕對路徑就是 複製 相對路徑 指的的目標相對於當前資料夾的路徑,相對路徑有很多種表示方法,而且意義也不相同,比如 表示檔案所在的目錄 代表檔案所在的父級目錄 代表檔案所在的父級...

相對路徑與絕對路徑

相對路徑 以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當儲存於不同目錄的網頁引用同乙個檔案時,所使用的路徑將不相同,故稱之為相對。絕對路徑 以web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同乙個檔案時,所使用的路徑都是一樣的。其實絕對路徑與相對路徑的不同處...