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

在實際網頁開發中，插入圖片、包含CSS文件等都需要有路徑，如果文件路徑的新增錯誤，就會導致引用失效(無法瀏覽連結文件，或無法顯示插入的圖片等)。很多初學者感到困惑，以下我就詳細的介紹相對路徑與絕對路徑。

HTML相對路徑

指由這個檔案所在的路徑所引起的跟其它檔案(或資料夾)的路徑關係。

例如：

檔案1.htm的絕對路徑是：d:/www/html/1.htm

檔案2.htm的絕對路徑是：d: /www/html/2.htm

那麼：1.htm相對於2.htm的路徑就是：1.htm

相對連結的使用方法：

如果連結到同一目錄下，則只需輸入要連結文件的名稱,例如:

<a href =”1 htm”>网页链接 </a>
<img src=”bg.jpg” />

如果連結到下一層目錄，則需要先輸入目錄名，然後加上“ / ”，再輸入文件名,例如：

<a href =”html/ next.htm”>
<img src=”images/bg.jpg” />

如果連接到上一層目錄，則需要先輸入“.．/”，然後再輸入目錄名、檔名，例如：

<a href = “．．/ www/index.htm”>

實例總結

現在有4個html檔案分別是aaa.html bbb.html ccc.html index.html

• #aaa.html的路徑為：D:/www/adminwang/ html/aaa.html

• bbb.html的路徑為：D:/www/adminwang/ bbb.html

• ccc.html的路徑為：D:/www/ ccc.html

• index.html的路徑為D:/www/ index.html

##連結同一目錄下的檔案

例如ccc.html檔案連結index.html的程式碼如下：

5dfddc31d89f57a2cfa1548d3bb5b0d6連結index網頁5db79b134e9f6b82c0b36e0489ee08ed

##連結上一目錄的檔案

例如bbb.html連結ccc.html的程式碼如下：

#1

連結上2層目錄的檔案

例如aaa.html連結ccc.html的程式碼如下：

5b81c29b85a5e971f87e0c74e92ba443連結ccc網頁5db79b134e9f6b82c0b36e0489ee08ed

連結下級目錄的檔案

例如ccc.html連結bbb.html的程式碼如下：

9e034279dd40b1ba20c44514ec057fd5連結bbb網頁5db79b134e9f6b82c0b36e0489ee08ed

連結下2層目錄的檔案

例如ccc.html連結aa​​a.html的程式碼如下：

HTML绝对路径

为文件提供的完全路径，包括适用的协议或盘符。也就是你的主页上的文件或目录在硬盘上真正的完整的路径。例如：

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

绝对路径没有什么好说的，相对路径掌握了，绝对路径就很简单了。

相关推荐：
HTMLa标签的href属性指定相对路径与绝对路径使用方法

html的绝对路径和相对路径怎么使用

php算法实现相对路径的案例

642e6601f16decac6e024d08ac81c79c連結aaa網頁5db79b134e9f6b82c0b36e0489ee08ed

以上是HTML中相對路徑和絕對路徑的區別的詳細內容。更多資訊請關注PHP中文網其他相關文章！