Атрибут alt HTML тега <img>
HTML тег <img>Значение и применение
Атрибут alt (HTML тега <img>) определяет альтернативный текст для изображения (для того случая, если изображение по каким-то причинам не было загружено). Является обязательным атрибутом.
Поддержка браузерами
| Атрибут |  Chrome |  Firefox |  Opera |  Safari |  IExplorer |  Edge |
|---|---|---|---|---|---|---|
| alt | Да | Да | Да | Да | Да | Да |
Синтаксис:
<img alt = "text">
Значения атрибута
| Значение | Описание |
|---|---|
| text | Содержит альтернативный текст для изображения. Текст должен описывать изображение, если оно содержит информацию. Текст должен объяснить, куда ведет ссылка, если изображение находится внутри элемента <a>. Допускается в качестве значения атрибута указывать пустую строку, в этом случае будет считаться, что изображение не является ключевой частью документа, или используется в декоративных целях. |
Отличия HTML 4.01 от HTML 5
Нет.Пример использования
<!DOCTYPE html> <html> <head> <title>Пример использования атрибута alt HTML тега <img></title> <style> img { color: orange; /* устанавливаем цвет для альтернативного текста */ } </style> </head> <body> <img src = "http://wrong.path" alt = "Альтернативный текст"> </body> </html>
В данном примере мы разместили изображение в атрибуте src которого, мы указали некорректный путь к файлу, чтобы отобразить альтернативный текст. Цвет альтернативного текста мы стилизовали с использованием CSS свойства color.
Результат нашего примера:
