HTML Атрибут alt

Атрибут alt (от англ. "alternative text" — «альтернативный текст») — это атрибут тега <img>, позволяющий поисковому роботу «увидеть» изображение и проиндексировать его. По сути, краткое описание того, что изображено на картинке.

Совет: Всегда указывайте атрибут alt для элемента <img>.

Заполненный атрибут alt изображений:

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

Синтаксис

<img alt="текст">

Значения

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

Значение по умолчанию

Нет.

Применяется к тегам

Пример: Alt в теге <area>

• Результат
• HTML-код
• Попробуй сам »

<img src="images/foto_elem.jpg" alt="Карта изображений" style="width:450px;height:292px;" usemap="#mykarta">
<map name="mykarta"> 
  <area shape="rect" coords="133,163,414,252" 
  alt="Зажигалка" href="javascript:alert('Это прямоугольная ссылка');"> 
  <area shape="circle"" coords="58,158,40" 
  alt="Монета" href="javascript:alert('Вы выбрали круг');"> 
  <area shape="poly" coords="133,62,278,59,284,24,407,22,410,130,285,134,278,96,133,95" 
  alt="Ключ от авто" href="images/auto500.jpg" target=_blank> 
</map>

В следующем примере вы увидите, как браузер работает с атрибутом alt, когда появляется «отсутствующее» изображение. Теоретически, если рисунок не может быть найден, вместо него выводится значение атрибута alt:

<p><img src="rabbit.gif" alt="Это кролик"></p>
<p><img src="errorname.gif" alt="Это слон"></p>

Обратите внимание: Атрибут alt может использоваться с элементами <input> только, если для них установлено значение type="image".

<form action="action_form.php" method="POST">
Имя: <input type="text" name="firstname"><br>
Фамилия:  <input type="text" name="lastname"><br>
<input type="image" src="images/html.gif" width="109px" height="48px" alt="Submit">
</form>

Спецификации

Учебник HTML

HTML уроки: HTML Атрибуты