HTML中引入資源相對路徑

2021-07-05 04:58:44 字數 1217 閱讀 5562

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

index.html

如何表示上級目錄

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

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

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

index.html

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

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

index.html

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

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

index.html

如何表示下級目錄

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

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

假設index.html路徑是:c:\inetpub\wwwroot\sites\blabla\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

index.html

**:

HTML相對路徑表示方法

相對路徑表示方法 我們使用 來表示上一級目錄,表示上上級的目錄,以此類推。下級目錄用 表示。同級目錄不須用 直接表示為 例1 在此例中 index.htm 中聯接的 photo.jpg 應該怎樣表示呢?正確寫法 使用 img photo.jpg 的相對路徑來定位檔案 例2 在此例中 index.ht...

html相對路徑表示方法

我們使用 來表示上一級目錄,表示上上級的目錄,以此類推。下級目錄用 表示。同級目錄不須用 直接表示為 例1 在此例中 index.htm 中聯接的 photo.jpg 應該怎樣表示呢?正確寫法 使用 img photo.jpg 的相對路徑來定位檔案 例2 在此例中 index.htm 中聯接的 ph...

HTML相對路徑簡析

三 總結 同一級路徑 下一級路徑 如跟所在html檔案為同一級時,直接寫名即可,如下圖 當html檔案跟所在的資料夾為同一級時,便處於當前html檔案的下一級,那我們便用到下一級路徑。例如下圖 img3.png位於下一級路徑.html的下一級,那就相當於這張位於html檔案的下一級。如圖,我們所在h...