HTML中相對路徑和絕對路徑的區別-html教學-PHP中文網

在實際網頁開發中，插入圖片、包含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

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

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

1

連結index網頁

##連結上一目錄的檔案

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

連結上2層目錄的檔案

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

# #連結ccc網頁

1

連結ccc網頁

連結下級目錄的檔案

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

1

連結bbb網頁

連結下2層目錄的檔案

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

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

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

登入後複製

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

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

相關標籤：

html 相對絕對

來源：php.cn

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章