Определение и использование
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="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 Пример
Изображение с альтернативным текстом указанного:
<img src="smiley.gif" alt="Smiley face">
Попробуй сам " Input пример
HTML form с изображением , которое представляет собой кнопку отправки:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
Попробуй сам " Поддержка браузеров
alt атрибут имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |