1.絕對路徑
絕對路徑：絕對：真真地存在你電腦上的實際路徑。比如你的window系統的C盤下有個ABC文件夾，ABC文件夾下有個file文件。那么絕對路徑：C:\ABC\file
2.使用絕對路徑的缺點
事實上，在編程時，很少會使用絕對路徑，比如你在Window系統上寫了個XX系統，需要使用“E:\book\網頁布局\1.jpg”來指定背景圖片的位置，在自己的計算機上使用絕對路徑瀏覽可能會一切正常，但是將系統代碼文件和背景圖文件上傳到Web服務器(常常是Linux系統，可能不存在C,D,E盤)上部署系統時瀏覽就很有可能不會顯示圖片了。因為上傳到Web服務器上時，可能整個系統並沒有放在Web服務器的E盤，有可能是D盤或H盤。甚至可能web服務器根本就沒有E盤，即使放在Web服務器的E盤里，Web服務器的E盤里也不一定會存在“E:\book\網頁布局\1.jpg”這個目錄，因此在瀏覽網頁時會找不到該背景圖，然后不會顯示圖片。
3.相對路徑
為了避免這種情況的發生，通常在網頁系統上指定文件時，都會選擇使用相對路徑。所謂相對路徑，就是相對於自己的目標文件位置。例如上面的例子，XX系統里引用了“1.jpg”圖片，我們上傳系統代碼時，將XX系統代碼和1.jpg放在同一個文件夾上傳到web服務器，由於“1.jpg”圖片相對於XX系統代碼文件來說，是在同一個目錄的，那么要在XX系統的代碼文件里使用該1.jpg圖后，只要這兩個文件的相對位置沒有變(也就是說還是在同一個目錄內)，那么無論上傳到Web服務器的哪個位置，在瀏覽器里都能正確地顯示圖片。這里XX系統需要使用1.jpg時用的相對路徑就為： background = " 1.jpg " 即可
再舉一個例子，假設某個系統的“index..html”文件所在目錄為“E:\book\網頁布局\”，而“bg.jpg”圖片所在目錄為“E:\book\網頁布局\img下”，那么“bg.jpg”圖片相對於“index.html”文件來說，是在其所在目錄的“img”子目錄里，則引用圖片的語句應該為：
<body background="img/bg.jpg">
注意：相對路徑使用“/”字符作為目錄的分隔字符，而絕對路徑可以使用“\”或“/”字符作為目錄的分隔字符。由於“img”目錄是“第2章”目錄下的子目錄，因此在“img”前不用再加上“/”字符。
4.相對虛擬目錄
有關相對路徑還有一個比較特殊的表示：“相對虛擬目錄”。請看下面的例子：
<body background="/img/bg.jpg">
在這個例子里，background屬性的值為“/img/bg.jpg”，注意在“img”前有一個“/”字符。這個“/”代表的是虛擬目錄的根目錄. 假設把“E:\book\網頁布局\”設為虛擬目錄，那么“/img/bg.jpg”的真實路徑為“E:\book\網頁布局\img \bg.jpg”；
如果把“E:\book\網頁布局\代碼\”設為虛擬目錄，那么“/img/bg.jpg”的真實路徑為“E:\book\網頁布局\代碼\\img\bg.jpg”
如該文章能對你有所幫助，請幫忙點個推薦和關注！謝謝！0.0