Почему косая черта в источнике изображения не работает?

У меня есть папка с названием «html_playground» внутри папки «www», которая является корневым веб-каталогом Wampserver.

Внутри каталога 'html_palyground' у меня есть файл под названием 'demo.html', который содержит следующий код HTML:

<!DOCTYPE html>
<html>
<body>

<img src="/images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">

</body>
</html>

Внутри папки 'html_playground' есть еще одна папка с названием 'images', содержащая файл изображения с названием 'html5.gif'.

Когда я нажимаю URL-адрес http://localhost/html_playground/demo.html в своем браузере, я не вижу изображение html5.gif. Почему так?

Затем я попытался использовать следующий HTML-код:

<img src="images/html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">

Затем изображение появилось.

Итак, мой вопрос: почему это не работает, когда я добавляю косую черту в начале значения атрибута src? Я делаю какую-либо ошибку, добавляя косую черту в начале значения атрибута src?

Когда следует использовать косую черту в начале значения атрибута src тега изображения?

Кто-нибудь, пожалуйста, помогите мне.

Спасибо.


url image html imagesource
person PHPFan    schedule 09.11.2016    source источник

Ответы (4)


arrow_upward
2
arrow_downward

Косая черта в начале указывает браузеру разрешить путь относительно вашего корневого веб-каталога на http://localhost/.

Как вы упомянули в своем комментарии, это будет соответствовать каталогу www/ в вашей файловой системе. Так что /html_playground/images/html5.gif должно работать

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

person Peter    schedule 09.11.2016

arrow_upward
1
arrow_downward

Дело в том, что когда в вашем исходном пути есть косая черта, она разрешается относительно текущего каталога. Таким образом, становится http://localhost/html_playground/images/html5.gif. Когда косая черта отсутствует, она разрешается относительно корня.

person Izzet Yildirim    schedule 09.11.2016

arrow_upward
0
arrow_downward

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

Команда выше указывает, что это относительный путь от существующего каталога.

где как будто вы даете /images; он принимает его как базовый каталог (это как абсолютный путь)

person Danesh G    schedule 09.11.2016

arrow_upward
0
arrow_downward

Вы также можете попробовать ./images/html5.gif: косая черта в начале делает ваш путь абсолютным, когда он относительен к www/html_playground

Кроме того, вы должны быть осторожны с абсолютным путем и поэкспериментировать, чтобы точно узнать, что является корнем: файловая система, www... это может зависеть от веб-сервера.

person Djee    schedule 09.11.2016