好程式設計師web前端分享絕對路徑與相對路徑的引用

html 檔案中絕對路徑與相對路徑的引用

一、 ..\ 的作用（上一級目錄）

在 html 中 ../ 表示上一級目錄，也就是 html 檔案所在目錄的上一級目錄，

如果想引用上兩級目錄，可以 ..\..\

 

 

二、同級目錄的引用

如果引用檔案和被引用檔案在同一級目錄下，那可以直接寫，如果上面的在同一級目錄下，那可以直接寫 \jquery-1.3.1.js

 

html 引用外部樣式表後在樣式表檔案中定義的樣式並不等於在 html 標頭檔案中定義的樣式了，它依然存放在定義的檔案中被一起下載到客戶端，因此外部樣式表中的相對路徑是相對於改樣式表的路徑，並不是相對於引用該樣式表的 html 的路徑。

 

如果是純手工編寫 html 或者 css 、 js 的話，建議用相對路徑，比如： ../../css/main.css

 

如果是動態檔案，比如 jsp 、 php 等，最好用網站的絕對路徑。比如

 

{ctx}/resources/main.css ，其中 ctx 是自己定義的變數，它的值等於類似於 這種地址。

 

相對路徑的缺點：例如： ../images/zollty.png ，這種寫法，一旦我改變了引用頁面檔案的目錄，這張圖片就無法顯示了。如果換成網站的絕對路徑 {ctx}/images/zollty.png ，那麼不論我怎麼移動引用的頁面檔案，只要圖片的地址不變，都是可以訪問的。

 

絕對路徑的缺點：對於靜態檔案，往往無法自動獲取網站的根路徑（ {ctx} ），所以要寫絕對路徑比較麻煩。