Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут alt

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

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

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

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

Синтаксис

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

Значения

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

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

Нет.

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

<img> <area> <input> <applet>
Внимание: Для тега <applet> браузеры не поддерживают работу атрибута alt.

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


<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:

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

Попробуй сам
<p><img src="rabbit.gif" alt="Это кролик"></p>
<p><img src="errorname.gif" alt="Это слон"></p>

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

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

Попробуй сам
<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>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
Методики WCAG 2.0 (W3C) Рекомендация
HTML 4.01 (W3C) Рекомендация

Поддержка браузерами


Учебник HTML

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