文件路徑

文件路徑就是文件在電腦（服務(wù)器）中的位置，表示文件路徑的方式有兩種：相對路徑和絕對路徑。

路徑標(biāo)識：標(biāo)識符號說明

/	路徑標(biāo)識
.	當(dāng)前目錄
..	上一層目錄

“.”和“..”常與“/”結(jié)合使用表示各個路徑層次：

路徑說明

./	當(dāng)前路徑，可省略
/	網(wǎng)站根目錄，為絕對路徑
../	上一層目錄，可重復(fù)使用，如../../，表示上上層目錄

相對路徑(Relative Path)

相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系。使用相對路徑可以為我們帶來非常多的便利，大部分情況下我們使用的是相對路徑。

相對路徑的例子：

<img src="images/flower_1.jpg" alt="花朵" />

這個是在我們例子主頁index.html里img標(biāo)簽使用相對路徑標(biāo)識圖像來源的例子。

在該例子中，index.html存放于E:/hmtl中，而圖像位置為E:/html/images/flower_1.jpg中。圖像相對于index.html的路徑就是images/flower_1.jpg。

下面的寫法效果是一樣的：

<img src="./images/flower_1.jpg" alt="花朵" />

也就是說，通常對于當(dāng)前路徑，可以采用省略的寫法，瀏覽器默認(rèn)為當(dāng)前路徑。

如果在index.html同目錄下有個1.html，那么要從index.html做一個鏈接到1.html，使用相對路徑：

<a href="1.html">從index.html鏈接到當(dāng)前目錄的1.html</a>

如果1.html在E:/hmtl/test目錄下，要從1.html做一個鏈接到index.html和使用圖片目錄下的圖片，使用相對路徑：

<a href="../index.html">從1.html鏈接到上一層目錄的index.html</a> <p>指定圖片：</p> <img src="../images/flower_1.jpg" alt="花朵" />

絕對路徑(Absolute Path)

絕對路徑一般是指帶有網(wǎng)址的路徑，非本站外的資源都要使用絕對路徑。如本站引用thinkphp.cn的圖片鏈接

<a href="http://www.thinkphp.cn/" target="_blank"><img src="http://www.thinkphp.cn/logo88X31.gif" /></a>

在該例子中，對超鏈接標(biāo)簽和圖像標(biāo)簽里的屬性都使用了絕對路徑。

網(wǎng)站根目錄

網(wǎng)站根目錄用“/”表示，是一種特殊的絕對路徑，它表示網(wǎng)站（本站）的第一層次。

使用絕對路徑的例子：

<img src="/images/flower_1.jpg" alt="花朵" />

等效于：

<img src="http://www.5idev.com/images/flower_1.jpg" alt="花朵" />

使用根路徑其優(yōu)點是比較直觀，計算方式是從根目錄開始計算，缺點是如果內(nèi)容層次發(fā)生了變化哪怕產(chǎn)生了同級的變動，都需要變動目錄寫法。

轉(zhuǎn)載于:https://www.cnblogs.com/sjqq/p/7355198.html

總結(jié)

以上是生活随笔為你收集整理的XHTML 相对路径与绝对路径的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。