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

/表示根目錄。使用 。爲當前目錄。

Answer 3

./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加載圖像