HTML атрибут alt, определение и примеры использования
Меню
Веб-разработка
Атрибут alt

HTML атрибут alt предоставляет альтернативную информацию для изображения, если пользователь по какой-то причине не может его просмотреть (из-за медленного соединения, ошибки в атрибуте src или если пользователь использует программу чтения с экрана).


Атрибут alt - синтаксис и код

Карта изображений с кликабельными областями:

<img src="/htm/workplace.png" alt="Workplace" usemap="#workmap">

<map name="workmap">
<area shape="rect" coords="33,10,250,247" alt="Ноутбук" href="/htm/notebook.htm">
<area shape="rect" coords="288,90,322,138" alt="Смартфон" href="/htm/smartphone.htm">
<area shape="circle" coords="336,188,37" alt="Кофе" href="/htm/coffee.htm">
</map>

Попробуйте нажать на ноутбук, телефон или чашку кофе на изображении ниже:

Workplace Ноутбук Смартфон Кофе

Синтаксис

<img alt="alternative text">
<area alt="alternative text">

Определение и использование

HTML атрибут alt используется в документах HTML и XHTML. Он указывает альтернативный текст, который должен быть отображен, если элемент по какой-то причине не может быть отображен. Атрибут alt также может использоваться программами чтения с экрана, чтобы позволить пользователям с нарушениями зрения взаимодействовать с веб-страницей. Чтобы изображение было доступным, оно должно иметь атрибут alt. Однако он не может содержать текст (пустой или нулевой атрибут).

Рекомендация: чтобы создать подсказку для изображения, используйте атрибут title!
Примечание: атрибут alt обязателен для элемента <img>. Для элементов <input> атрибут alt может использоваться только с <input type="image">.

Применимо

Атрибут alt можно использовать для следующих элементов:

Элемент Атрибут
<area> alt
<img> alt
<input> alt

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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой