文件路徑就是文件在電腦(伺服器)中的位置,表示文件路徑的方式有兩種:相對路徑和絕對路徑。
路徑標識:標識符號說明/路徑標識.當前目錄..上一層目錄「.」和「..」常與「/」結合使用表示各個路徑層次:
路徑說明./當前路徑,可省略/網站根目錄,為絕對路徑../上一層目錄,可重複使用,如../../,表示上上層目錄相對路徑(Relative Path)相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關係。使用相對路徑可以為我們帶來非常多的便利,大部分情況下我們使用的是相對路徑。
相對路徑的例子:
<img src="images/flower_1.jpg" alt="花朵" />這個是在我們例子主頁index.html裡img標籤使用相對路徑標識圖像來源的例子。
在該例子中,index.html存放於E:/hmtl中,而圖像位置為E:/html/images/flower_1.jpg中。圖像相對於index.html的路徑就是images/flower_1.jpg。
下面的寫法效果是一樣的:
<img src="./images/flower_1.jpg" alt="花朵" />也就是說,通常對於當前路徑,可以採用省略的寫法,瀏覽器默認為當前路徑。
如果在index.html同目錄下有個1.html,那麼要從index.html做一個連結到1.html,使用相對路徑
<a href="1.html">從index.html連結到當前目錄的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)絕對路徑一般是指帶有網址的路徑,非本站外的資源都要使用絕對路徑。如本站引用thinkphp.cn的圖片連結
<a href="http://www.thinkphp.cn/" target="_blank"><img src="http://www.thinkphp.cn/logo88X31.gif" /></a>在該例子中,對超連結標籤和圖像標籤裡的屬性都使用了絕對路徑。
網站根目錄網站根目錄用「/」表示,是一種特殊的絕對路徑,它表示網站(本站)的第一層次。
使用絕對路徑的例子
<img src="/images/flower_1.jpg" alt="花朵" />等效於:
<img src="http://www.5idev.com/images/flower_1.jpg" alt="花朵" />使用根路徑其優點是比較直觀,計算方式是從根目錄開始計算,缺點是如果內容層次發生了變化哪怕產生了同級的變動,都需要變動目錄寫法。