這個問題是在載入的過程中遇到的,明明已經寫好了路徑,可是總是載入不了圖片,究其原因,還是路徑的問題,下面就來區別一下相對路徑和絕對路徑: 關鍵區別:在於描述目錄路徑時,所採用的參考點不同 特殊符號: "." -- 代表目前所在的目錄,相對路徑。
<img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>
".." -- 代表上一層目錄,相對路徑。
<img src=”../Image/Image.jpg”>
"../../" -- 代表的是上一層目錄的上一層目錄,相對路徑。
<img src=”../../Image/Image.jpg”>
"/" -- 代表根目錄,絕對路徑。
"D:/abc/" -- 代表根目錄,絕對路徑。 相對路徑:以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。 舉例:
.searchbtn{ background-image:url("../Images/搜尋.jpg") ; width:99px; height:35px; border-style:none; background-color :#fff;}<span style="font-family: tahoma, 'microsoft yahei', 微軟雅黑;"> </span> 相對路徑的優點:
A、容易移動內容,可以整個目錄移動。
B、測試方法比較靈活,本機測試時比較方便。 相對路徑的缺點:
A、部分內容頁面換了位置時,連結容易失效。
B、容易被人大面積採集抄襲。 絕對路徑:以Web 網站根目錄為參考基礎的目錄路徑。 舉例:
<a href="/abc">文本</a> 或 <img src="/abc" />
絕對路徑的優點
A、如果有人抄襲你的網站內容,裡面的連結還會指向你的網站,有些抄襲的人比較懶,根本不會去改內容。其實也不局限於被抄襲,如果有人將你的網頁儲存到本地電腦中,裡面的連結、圖片、css、以及js仍然會串連到你的網站。
B、如果網頁位置改變,裡面的連結還是指向正確的URL。 絕對路徑的缺點:
A、在編碼編寫時不方便使用絕對路徑,因為連結應該指向真正的網域名稱而不是開發網站。