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

/表示根目录。 采用 。 对于当前目录。