HTML 絕對路徑與相對路徑概念詳細

Posted on by

路徑指文件存放的位置，在網頁中利用路徑可以引用文件，插入圖像、視頻等。表示路徑的方法有兩種：相對路徑，絕對路徑。以下討論均是在HTML環境下進行。

相對路徑

相對路徑是指目標相對於當前文件的路徑，網頁結構設計中多采用這種方法來表示目標的路徑。相對路徑有多種表示方法，其表示的意義不盡相同。表示方法如下：

./ ：代表文件所在的目錄（可以省略不寫）

../ ：代表文件所在的父級目錄

../../ ：代表文件所在的父級目錄的父級目錄

/ ：代表文件所在的根目錄

值得註意的是，（/ ：代表文件所在的根目錄）其實可以理解成項目內部的絕對路徑。


圖1：項目目錄結構

以圖1所示項目目錄結構為例，如果要在test.html中引入000.css，可以有以下寫法：

  1. <linkhref=”./css/css1/000.css” rel=”external nofollow” /> (./可以省略)
  2. <link href=”/html/css/css1/000.css” rel=”external nofollow” />
  3. <link href=”../html/css/css1/000.css” rel=”external nofollow” />

絕對路徑

絕對路徑是指完整的網址，假設圖一中項目的網站域名為www.test.com，那麼000.css的絕對路徑應該是

https://www.test.com/HelloHBuilder/html/css/css1/000.css。

相對路徑與絕對路徑的優缺點


表1：相對路徑與絕對路徑的優缺點

到此這篇關於HTML 絕對路徑與相對路徑概念詳細的文章就介紹到這瞭,更多相關HTML 絕對路徑與相對路徑內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：