Атрибут alt
Синтаксис
HTML
XHTML
<input type="image" src="..."
alt="[значение]">
Описание
Атрибут / параметр alt (от англ. "alternate text" ‒ «альтернативный текст») указывает текст, который будет выведен (в виде кнопки с указанным текстом) в случае когда изображение не доступно.
Примечание
- Как правило, не отображают изображения только специальные (речевые или текстовые) браузеры. Обычные браузера так же могут не отображать изображения (в единичном случае, если указанное изображение недоступно; массово, если в браузере установлены соответствующие настройки, например, это делается для увеличения скорости загрузки web-страниц).
- В случае отсутствия изображения, обычные браузеры вместо указанного изображения выводят кнопку с альтернативным текстом.
- Язык альтернативного текста определяется глобальным атрибутом «
lang» («xml:lang»).
Условия использования
- Начиная с HTML 5.0 данный атрибут становится обязательным атрибутом для поля ввода с типом «
image». - Применяется только к полям формы с типом «
image».
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | 13.8 How to specify alternate text DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.10.5.1.16 Image Button state (type=image) The alt attribute... |
| 5.1 | 4.10.5.1.20. Image Button state (type=image) The alt attribute... |
| XHTML | |
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
| 1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается альтернативный текст.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр alt (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "alt"</h1>
<p><input type="image" src="/images/icon.png" alt="Домашняя страница"></p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр alt (Элемент input)</title>
</head>
<body>
<h1>Пример с атрибутом "alt"</h1>
<p><input type="image" src="/images/icon.png" alt="Домашняя страница"></p>
</body>
</html>
Параметр alt (Элемент input)