HTML相對路徑使用期間

Question

我對何時使用以下內容及其含義感到困惑，例如在img標簽的src屬性中。

我知道/表示“當前目錄”，而../表示“上一個目錄”

.   Current Directory?  &lta href="." />  
./  Current Directory   &ltimg src="./image.png" />  
/   Root directory      &ltimg src="/image.png" />  
../ Up one directory    &ltimg src="../image.png" />

./image.png和/image.png有什么區別

更新 ：/表示站點的根目錄

Answer 1

/表示從根目錄開始。 ./是當前目錄，盡管我不確定是否需要它（除非您打算在Linux系統中附加到PATH ...很高興在該目錄上出錯）。

Answer 2

./image.png將獲取相對於您當前位置的image.png。 在domain.tld/site/page.html上調用./image.png將在domain.tld/site/image.png查找圖像

/image.png將在您網站的根目錄中查找圖像。 domain.tld/image.png

---

您也可以使用../images/image.png東西。 如果將其用於domain.tld/site/page.html ，則瀏覽器將從domain.tld/images/image.png加載圖像

Answer 3

/表示根目錄。 采用 。 對於當前目錄。