В чем разница между src = "/ images / logo.gif" и src = "images / logo.gif"?

Question

<img src="images/logo.gif" />

эквивалентно

<img src="./images/logo.gif" />

Но

<img src="/images/logo.gif" />

отличается.

Где третий элемент ищет logo.gif?

Answer 1

Третий выглядит относительно корня сайта, поэтому, если вы были на странице по адресу:

http://entrian.com/somewhere/page.html

это будет выглядеть так:

http://entrian.com/images/logo.gif

игнорирование somewhere части адреса страницы.

Answer 2

изображения / logo.gif

Относительно и означает: перейдите в папку с именем images и получите ресурс logo.gif

. / Изображения / logo.gif

Относительно и означает: из текущей папки (точка означает это) перейдите в папку с именем images и получите ресурс logo.gif

Как видите, первые два означают одно и то же, наконец, последнее

/ изображения / logo.gif

Это абсолютно и означает: из корня веб-сервера или файловой системы или чего-либо еще (косая черта означает это) перейдите в папку с именем images и получите ресурс logo.gif

Answer 3

В корне документа. Первые два являются относительными путями, а последний - абсолютным.