Синтаксис

<area alt="">

<img alt="">

<input alt="">

Описание

Атрибут alt (от англ. alternative text — альтернативный текст) указывает альтернативный текст, который будет использоваться, если элемент, который он представляет, не отображается.

Используется в тегах <area><img> и <input>.

Внимание!

Всегда указывайте атрибут alt для элемента <img>.

Обязателен, если присутствует атрибут href в теге <area>.

Для элемента <input>, атрибут alt может использоваться только с type="image".

Заполненный атрибут alt для изображений:

  • учитывается поисковыми ботами при индексации;
  • позволяет участвовать в поиске по картинкам;
  • повышает релевантность содержимого веб-страниц поисковым запросам;
  • дает возможность посетителю узнать о содержимом картинки, если в браузере отключена функция просмотра изображений.

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут alt</title>
</head>
<body>
    <a href="programmer.jpg" target="_blank">
        <img src="programmer.jpg" alt="сайт для программистов">
    </a>
</body>
</html>

Отображение в браузере:

сайт для программистов

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

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

alt Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.