使用句点的Html相对路径

Question

我很困惑何时使用以下内容以及它们的含义，例如在img标记的src属性中。

我知道/意味着'当前目录'和../意味着'向上一个目录'

.   Current Directory?  <a href="." />  
./  Current Directory   <img src="./image.png" />  
/   Root directory      <img src="/image.png" />  
../ Up one directory    <img 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

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