Что такое alt в html
Перейти к содержимому

Что такое alt в html

  • автор:

Атрибут alt

Атрибут / параметр alt (от англ. » alt ernate» ‒ «альтернатива») указывает альтернативный текст для активной области.

Неграфические браузеры могут использовать значение данного атрибута в качестве текста гиперссылки, которая создаётся таким браузером вместо активной области.

Примечание

В ранних версиях некоторых браузеров значение данного атрибута исполняло роль текста всплывающей подсказки, выводимой на экран при наведении курсора на активную область (аналогично действию глобального атрибута « title »).

Атрибут alt

Теперь картинки правильного размера, но Кекс спешит на бизнес-встречу в Москву и прямо сейчас едет в Сапсане. С интернетом произошли какие-то неполадки, и картинки не подгрузились — стало непонятно, что же на них изображено.

Специально для таких случаев, когда картинка не может отобразиться, и существует альтернативный текст. Ещё альтернативный текст помогает сайтам оставаться доступными, например, для категории пользователей, которая не имеет возможности видеть картинки. Что определённо является большим плюсом.

Альтернативный текст изображения задаётся с помощью атрибута alt . Например:

Теперь можно не бояться, что пользователь останется в неведении.

В общем, задавать альтернативный текст — хорошо.

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим

Сайт начинающего верстальщика

Блог

День четырнадцатый. Новый формат

Вчера я узнал, какой формат изображения подходит для аватарки, и добавил её в свой блог. Мне понравилось. Красиво же. Решил сделать шпаргалку, чтобы не забыть, какие ещё форматы изображений существуют и для чего используются.

Моя первая гифка:

Вот картинка в формате PNG:

Вот картинка в формате JPEG:

Подвал сайта

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

Атрибут alt является обязательным и определяет альтернативный текст, который показывается, если изображение невозможно отобразить.

Атрибут alt предоставляет альтернативную информацию об изображении, на тот случай если по какой-либо причине пользователь не может это изображение видеть (медленное соединение, ошибка атрибута src, использование программы чтения с экрана).

Чтобы создать всплывающую подсказку, следует использовать атрибут title.

Синтаксис атрибута
Значения атрибута

Альтернативный текст для изображения.

Советы по использованию альтернативного текста:

  • Если изображение содержит некую информацию, альтернативный текст должен описывать ее
  • Если изображение является ссылкой, альтернативный текст должен информировать, куда эта ссылка ведет
  • Если изображение носит декоративную функцию, атрибут должен быть alt=»»
Пример использования атрибута

Изображение с альтернативным текстом:

Атрибут alt

Атрибут alt устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений, а также поисковыми системами или экранными ридерами, читающими текст с экрана для слабовидящих людей.

Синтаксис

<текст>

Значения

Любая подходящая текстовая строка.

Значение по умолчанию

Пример

Вернуться на главную страницу

IMG, атрибут alt

Браузеры

3 12 1 4 1 1

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *