一、基本概念
1、相對路徑-顧名思義，相對路徑就是相對于當(dāng)前文件的路徑。網(wǎng)頁中一般表示路徑使用這個方法。
2、絕對路徑-絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑。絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑，比如，你的Perl?程序是存放在?c:/apache/cgi-bin?下的，那么?c:/apache/cgi-bin就是cgi-bin目錄的絕對路徑
在網(wǎng)絡(luò)中，以http開頭的鏈接都是絕對路徑，絕對路徑就是你的主頁上的文件或目錄在硬盤上真正的路徑，絕對路徑一般在CGI程序的路徑配置中經(jīng)常用到，而在制作網(wǎng)頁中實際很少用到。
二、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個特殊符號，及其所代表的意義。
"./"：代表目前所在的目錄。
"../"：代表上一層目錄。
以"/"開頭：代表根目錄。
二、相對路徑使用的特殊符號
以下為建立路徑所使用的幾個特殊符號，及其所代表的意義。
"./"：代表目前所在的目錄。
"../"：代表上一層目錄。
以"/"開頭：代表根目錄。
根目錄下有Site1和Image/Image.jpg，Site1下有Page1.html文件和Site2文件夾。Site2下有Page2.html和Page2Image.jpg圖片文件。
1、文件在當(dāng)前目錄
Page2.html訪問Page2Image.jpg
或者
2、文件在上一層目錄
Page1.html訪問Image下的Image.jpg
Page2.html訪問Image下的Image.jpg
3、文件在下一層目錄
Page1.html訪問Site2文件夾下的Page2Image.jpg
4、根目錄表示法,任何頁面訪問Image下的Image.jpg圖片
三、常使用且要注意的地方
A、Css中的圖片路徑。寫css里的圖片路徑，url是圖片針對樣式文件的位置
-- index.html
-- css???/main.css
-- images/1.jpg
如果：?index.html引用main.css，且在main.css?引用images目錄里的1.jpg?：
background: url(../images/1.jpg)??***?正確
background: url(images/1.jpg)??? ***?錯誤
B、js中圖片地址均相對于調(diào)用JS的頁面的相對位置。
document.getElementById("IMG1").style.backgroundImage
= "url(../Images/login.jpg)";
四、優(yōu)缺點及使用的地方
1、絕對路徑的優(yōu)點
A、如果有人抄襲你的網(wǎng)站內(nèi)容，里面的鏈接還會指向你的網(wǎng)站，有些抄襲的人比較懶，根本不會去改內(nèi)容。其實也不局限于被抄襲，如果有人將你的網(wǎng)頁保存到本地電腦中，里面的鏈接、圖片、css、以及js仍然會連接到你的網(wǎng)站。
B、如果網(wǎng)頁位置改變，里面的鏈接還是指向正確的URL。
2、絕對路徑的缺點：
A、在編碼編寫時不方便使用絕對路徑，因為鏈接應(yīng)該指向真正的域名而不是開發(fā)站點。
相對路徑的優(yōu)缺點和絕對路徑幾乎相反。
3、相對路徑的優(yōu)點：
A、容易移動內(nèi)容，可以整個目錄移動。
B、測試方法比較靈活，本機(jī)測試時比較方便。
4、相對路徑的缺點：
A、部分內(nèi)容頁面換了位置時，鏈接容易失效。
B、容易被人大面積采集抄襲。
五、相對路徑和絕對路徑在系統(tǒng)文件中與在網(wǎng)絡(luò)中類似，文件的路徑符號是斜線“/”，而網(wǎng)絡(luò)路徑卻是和它相反的反斜線“/”
六、小知識：“新建網(wǎng)站”與“新建虛擬目錄”的差別，一些用過的IIS的人都會知道新建虛擬目錄，可以用來指定一個目錄來運(yùn)行ASP程序，但是如果ASP/HTML源代碼里經(jīng)常出現(xiàn)類似這樣的代碼“”，注意“images”的前面斜杠“/”。如果是在虛擬目錄不能調(diào)用此圖片的了，而只有新建網(wǎng)站才能。其實相對路徑里的首字符是斜杠時，這表示是相對與網(wǎng)站的根目錄，但虛擬目錄始終都是一個網(wǎng)站底下的子目錄，所以就不能用了
Http://127.0.0.1/JsLib/common.js" type="text/javascript">
截取后得出：Http://127.0.0.1/，再接上“Common/main.ashx”，得出Http://127.0.0.1/ Common/main.ashx便可順利訪問
當(dāng)然，這個方法的前提是JS文件的引用是絕對路徑
