Как сделать описание картинки в HTML

Описание картинки в HTML

Бывает так, что пользователь в браузере отключает показ картинок на странице, либо по какой-то причине, например, слабый интернет, они не грузятся. Тогда на месте картинок на странице браузера показывается их описание. Это делается для того, чтобы облегчить навигацию пользователя по странице.

Например, меню может быть сделано картинками. А наличие описания даст представление о том, что может открыть тот или иной пункт.

Поэтому рекомендуется всегда использовать описание при работе с картинками.

Для того чтобы сделать описание картинки следует применять атрибут alt. На практике это выглядит вот так:

<img src="logo.png" alt="Логотип компании">

Помимо этого на описание картинок обращают внимание поисковики, и если описание картинок соответствует тематике статьи, то такая статья будет лучше в глазах поисковиков, нежели статья с картинками без описания.

Присоединяйтесь к нам в Twitter, ВКонтакте, Facebook и Google+, а также вступайте в наш чат в Telegram, чтобы не пропустить новые уроки и быть в курсе последних новостей из мира веб-разработки.
Домашнее задание
  • добавьте картинке на вашей страничке тег alt
  • удалите картинку из папки и посмотрите на результат в браузере
Читайте также
Комментарии