Дайте абсолютный адрес 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

Дайте соответствующий абсолютный адрес каждого из них. -__-.
Может ли кто-то объяснить разницу между Line 2 и Line 3?

Я понимаю, что (для строк 2 и 3) logo.png находится в папке images, которая находится в том же каталоге, что и index.html. Для Line 1 logo.png находится в родительской папке index.html, и это в значительной степени я понимаю, но я до сих пор не знаю, как решить это упражнение.

Answer 1

Line 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

линия 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

Если у вас есть шанс, посмотрите на эти строки в то время как у вас есть папка развертывания открытой перед вами в окнах проводника или поиском программы.

Я думаю, что это ваша структура папок.

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

index.html находится в корне/a/b/папке.

Как вы можете видеть, есть папка с изображениями в том же месте, где находится index.html, и папка с изображениями содержит логотип.png файл (строка 3)

Родительская папка b - это папка a. Здесь находится другой файл logo.png. (строка 1)

И, наконец, в корне есть другая папка с изображениями. И есть еще один logo.png. (строка 2)

Одно и то же имя везде делает мысли более сложными, чем на самом деле. Переименование каждого файла и исправление HTML-файла могут помочь вам лучше понять его. Приветствия.