提供绝对的URL地址

Question

我正在尝试了解绝对和相对的Url地址;然而，当我尝试锻炼时，我无法解决它。这是练习：

根据以下网址http://www.unsite.org/a/b/index.html，文档index.html包含3个亲属网址：

<img src="../logo.png" alt="Logo de l’entreprise"/> //Line 1 <img src="/images/logo.png" alt="Logo de l’entreprise"/> //Line 2 <img src="images/logo.png" alt="Logo de l’entreprise"/> //Line 3

给出每个的相应绝对URL。 -__-。
有人也可以解释Line 2和Line 3之间的区别吗？

我理解（对于第2行和第3行）logo.png位于images文件夹中，该文件夹与index.html位于同一目录中。对于Line 1 logo.png位于index.html的父文件夹中，这几乎是我理解的，但我仍然不知道如何解决此练习。

Answer 1

第2行 <img src="/images/logo.png" alt="Logo de l’entreprise"/>将尝试从相对于您的根网站目录定义的路径加载图片。

示例：如果您的域名是www.yourwebsite.com，当前网页是www.yourwebsite.com/folder/page.html，那么它会尝试从<强> http://www.yourwebsite.com/images/logo.png

第3行 <img src="images/logo.png" alt="Logo de l’entreprise"/>会尝试加载相对于网页当前目录的图片。

示例：如果您的域名是www.yourwebsite.com，当前网页是www.yourwebsite.com/folder/page.html，那么它会尝试从<强> http://www.yourwebsite.com/folder/images/logo.png

Answer 2

鉴于http://www.unsite.org/a/b/index.html：

<img src="../logo.png" alt="Logo de l’entreprise"/> //Line 1

http://www.unsite.org/a/logo.png


<img src="/images/logo.png" alt="Logo de l’entreprise"/>  //Line 2

http://www.unsite.org/images/logo.png


<img src="images/logo.png" alt="Logo de l’entreprise"/> //Line 3

http://www.unsite.org/a/b/images/logo.png

Answer 3

第2行前面有/，这意味着“从网络主机的根目录开始”绝对网址为http://www.unsite.org/images/logo.png

第3行前面没有/因此它应该从当前网址开始查看完整路径，绝对网址将为http://www.unsite.org/a/b/images/logo.png

Answer 4

如果您有机会，请在Windows资源管理器或查找程序中打开部署文件夹时查看这些行。

我认为这是你的文件夹结构。

ROOT
|----images/logo.png (line2)
|----a
|    |-----b
|    |     |----index.html
|    |     |----images/logo.png (line3)
|    |
|    |---logo.png (line 1)

index.html位于root / a / b /文件夹中。

如您所见，index.html所在的同一位置有一个images文件夹，而images文件夹包含logo.png文件（第3行）

b的父文件夹是文件夹a。这是另一个logo.png文件的位置。 （第1行）

最后根处还有另一个图像文件夹。那里还有另一个logo.png。 （第2行）

到处都有相同的名字使得思考比实际上更复杂。重命名每个文件并修复HTML文件可能有助于您更好地理解它。欢呼声。