Атрибут alt HTML тега <img>

HTML тег <img>

Значение и применение

Атрибут alt (HTML тега <img>) определяет альтернативный текст для изображения (для того случая, если изображение по каким-то причинам не было загружено). Является обязательным атрибутом.

Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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.

Результат нашего примера:

Пример использования атрибута alt HTML тега <img> (альтернативнй текст для изображения).
Пример использования атрибута alt HTML тега <img> (альтернативнй текст для изображения).
HTML тег <img>