給絕對的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文件可能會幫助您更好地理解它。乾杯。