絕對路徑——指帶域名的文件的完整路徑。
以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的。
相對路徑——
以引用文件(網頁)所在位置為參考基礎,而建立出的目錄路徑。因此,當保存於不同目錄的網頁引用同一個文件時,所使用的路徑將不相同,故稱之為相對。
絕對路徑與相對路徑的不同處,只在於描述目錄路徑時,所采用的參考點不同。由於對網站上所有文件而言,根目錄這個參考點對所有文件都是一樣的,因此,運用以根目錄為參考點的路徑描述方式才會被稱之為絕對路徑。
引用:
同目錄文件引用
"."——代表目前所在的目錄。
<a href = "./index.html">index.html</a> 其實,可以省略"./"直接引用。
<a href = "index.html">index.html</a>
上級目錄引用
../表示源文件所在目錄的上一級目錄,
../../表示源文件所在目錄的上上級目錄,以此類推。
幾個常用符號的不同:
@1 / 當前網站根目錄。
@2 ./ 當前文件根目錄(當期文件的目錄)
@3 ../ 當前文件上級目錄
例如:
1.href="cp/images/lis.jpg" 相對路徑 去當前文件同級下的cp/images/lis.jpg定位資源
2. href="./cp/images/lis.jpg" 等同於1 可以省略 ./
3. href="../cp/images/lis.jpg" 去當前文件上級目錄下的cp/images/lis.jpg定位資源
4. href="/cp/images/lis.jpg" 絕對路徑 cp前面/會獲取當前根目錄路徑,組合成一個完整路徑 去定位資源
<a href="/">首頁</a> 代表直接回到web根目錄下