HTML Атрибут alt
Определение и использование
Атрибут alt предоставляет альтернативную информацию для изображения, если пользователь по какой-либо причине не может его просмотреть (из-за медленного соединения, ошибки в атрибуте src, или если пользователь использует программу чтения с экрана).
Примечание: Атрибут alt является обязательным для элемента <img>.
Примечание: Для элемента <input>, атрибут alt может использоваться только с <input type="image">.
Совет: Чтобы создать подсказку для изображения, используйте атрибут title!
Применение
Атрибут alt можно использовать для следующих элементов:
| Элемент | Атрибут |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
Примеры
Пример Area
Карта изображений с кликабельными областями:
<img src="planets.gif" width="145" height="126" alt="Планеты"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.html" alt="Солнце">
<area shape="circle" coords="90,58,3" href="mercur.html" alt="Меркурий">
<area shape="circle" coords="124,58,8" href="venus.html" alt="Венера">
</map>
Попробуйте сами »
Пример Img
Изображение с указанным альтернативным текстом:
<img src="smiley.gif" alt="Улыбающееся лицо">
Попробуйте сами »
Пример Input
Форма HTML с изображением, представляет кнопку отправки:
<form action="/action_page.php">
Имя: <input type="text" name=" fname"><br>
<input type="image" src="submit.gif" alt="Отправить" width="48" height="48">
</form>
Попробуйте сами »
Поддержка браузеров
Атрибут alt имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| area | Да | Да | Да | Да | Да |
| img | Да | Да | Да | Да | Да |
| input | Да | Да | Да | Да | Да |
