给绝对的url地址

Question

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

给出下面的URL地址http://www.unsite.org/a/b/index.html，文档index.html包含3名亲属的URL地址：

<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位于与index.html位于相同目录的文件夹images中。对于Line 1 logo.png位于index.html的父文件夹中，这是我的理解，但我仍然不知道如何解决此练习。

Answer 1

线2<img src="/images/logo.png" alt="Logo de l’entreprise"/>将尝试加载从路径图像相对定义为您的根Web目录。

例子：如果您的域名是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

2号线在前面/，这样就意味着“从虚拟主机的根目录开始”绝对URL将http://www.unsite.org/images/logo.png

3号线还没有在前面/所以应该从当前的URL寻找的开始完整路径，绝对URL将为http://www.unsite.org/a/b/images/logo.png

Answer 3

鉴于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 4

如果你有机会，当您在在Windows资源管理器或Finder程序你面前打开部署文件夹看看这些行。

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

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

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

正如你所看到的，在index.html所在的同一位置有一个图像文件夹，并且该图像文件夹包含徽标。png文件（第3行）

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

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

到处都有相同的名字，使得思考比实际上更复杂。重命名每一个并修复HTML文件可能会帮助您更好地理解它。干杯。