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