html文件中絕對路徑與相對路徑的引用

1、..\的做用（上一級目錄）
在html中../表示上一級目錄，也就是html文件所在目錄的上一級目錄，
例如：E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\第一章例子\1-1.html
而你想引入一個js文件，路徑以下：E:\JS學習\jQuery_Code\《鋒利的jQuery》實例源碼\實例下載\01第一章\scripts、jquery-1.3.1.js
1-1.html文件所在目錄爲第一章例子，她的上一級目錄爲01第一章，因此引用相對路徑以下..\scripts\jquery-1.3.1.js
若是想引用上兩級目錄，能夠..\..\
2、同級目錄的引用
若是引用文件和被引用文件在同一級目錄下，那能夠直接寫，若是上面的在同一級目錄下，那能夠直接寫\jquery-1.3.1.js

 

html引用外部樣式表後在樣式表文件中定義的樣式並不等於在html頭文件中定義的樣式了，它依然存放在定義的文件中被一塊兒下載到客戶端，所以外部樣式表中的相對路徑是相對於改樣式表的路徑，並非相對於引用該樣式表的html 的路徑。

 

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

 若是是動態文件，好比jsp、php等，最好用網站的絕對路徑。好比

{ctx}/resources/main.css，其中ctx是本身定義的變量，它的值等於相似於http://localhost這種地址。

 

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

絕對路徑的缺點：對於靜態文件，每每沒法自動獲取網站的根路徑（{ctx}），因此要寫絕對路徑比較麻煩。