絕對路徑&相對路徑
阿新 • • 發佈:2021-05-24
相對路徑&絕對路徑
1、相對路徑就是相對於當前檔案的路徑。相對路徑使用“/”字元作為目錄的分隔字元。
2、絕對路徑是指檔案在硬碟上真正存在的路徑。類似於E:\book\網頁佈局\程式碼\第2章\bg.jpg。絕對路徑可以使用“\”或“/”字元作為目錄的分隔字元。
相對路徑
大部分工程實踐中使用的是相對路徑
在 相對路徑裡
“./”:代表目前所在的目錄。
“…/”:代表上一層目錄。
以”/”開頭:代表根目錄。
1、檔案在當前目錄
“Page2.html” 檔案裡引用了“Page2Image.jpg”圖片,由於“Page2Image.jpg”圖片相對於“Page2.html”來說,是在同一個目錄的,那麼在“Page2.html檔案裡使用以下代 碼後,就能正確地顯示圖片。
Page2.html訪問Page2Image.jpg
<img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>
2、檔案在上一層目錄
“Page1.html”檔案的上一層是 “Site1” ,而 “Site1”和 “Image” 是同一目錄下的,所以 Page1.html訪問Image下的Image.jpg可以用下的表示。
Page1.html訪問Image下的Image.jpg
<img src=”../Image/Image.jpg”>
“Page2.html”檔案的上一層是 “Site2”,再上一層是“Site1” ,而 “Site1”和 “Image” 是同一目錄下的,所以 Page2.html訪問Image下的Image.jpg可以用下的表示。
Page2.html訪問Image下的Image.jpg
<img src=”../../Image/Image.jpg”>
3、檔案在下一層目錄
“Page1.html”檔案和 “Site2” 是同一目錄下的,所以 Page1.html訪問Site2資料夾下的Page2Image.jpg可以用下的表示。
Page1.html訪問Site2資料夾下的Page2Image.jpg
<img src=” ./Site2/Image.jpg”><img src=” Site2/Image.jpg”>
4、根目錄表示法,任何頁面訪問Image下的Image.jpg圖片
<img src=”/Image/Image.jpg”>