alt атрибут - alt attribute

редактировать
Альтернативный текст, который появляется, когда элемент HTML не может быть отображен

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

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

Атрибут был введен в HTML 2, а в HTML 4.01 требовался для области imgи теги. Это необязательно для тега inputи тега deprecated applet .

Содержание
  • 1 Пример
  • 2 Распространенные заблуждения
  • 3 Декоративные изображения
  • 4 См. Также
  • 5 Примечания
  • 6 Ссылки
  • 7 Внешние ссылки
Пример
В небе летит красный флаг с белым крестом, вершина которого Вся полоса смещена к флагштоку.

Вот изображение, для которого атрибут alt: «В небе летит красный флаг с белым крестом, вертикальная полоса которого смещена в сторону флагштока».

HTML-код для этого изображения может быть примерно таким:

В небе летит красный флаг с белым крестом, вершина которого Вся полоса смещена к флагштоку. 
Этот абзац, отображаемый в веб-браузере Lynx, который отображает замещающий текст вместо изображения.

Читатель с ослабленным зрением, использующий программа чтения с экрана, например Orca, услышит замещающий текст вместо изображения. Текстовый браузер, такой как Lynx, будет отображать замещающий текст вместо изображения. Графический браузер обычно отображает только изображение и отображает замещающий текст только в том случае, если пользователь просит его показать свойства изображения или настроил браузер, чтобы не отображать изображения, или если браузер не смог получить или декодировать изображение..

Альтернативным значением атрибута alt может быть «Датский флаг».

Распространенные заблуждения

Атрибут altне всегда должен буквально описывать содержимое изображения. Помните о цели и контексте изображения, а также о том, что может быть полезно для того, кто его не видит. Атрибут alt должен быть альтернативой изображению, обычно указывая его назначение. Например, изображение предупреждающего знака не должно иметь замещающего текста «треугольник с желтым фоном, черной рамкой и восклицательным знаком», а просто «Предупреждение!» - если, конечно, изображение не предназначено для демонстрации того, что предупреждающий символ на самом деле выглядит.

IE7 отображает атрибут alt как всплывающую подсказку

Internet Explorer 7, а более ранние версии отображают текст в атрибутах alt как текст всплывающей подсказки, что не соответствует стандартам. Такое поведение привело к тому, что многие веб-разработчики неправильно использовали alt, когда хотели отображать всплывающие подсказки, содержащие дополнительную информацию об изображениях, вместо использования атрибута title, который был предназначен для этого использования. Начиная с версии Internet Explorer 8 атрибуты alt больше не отображаются в виде всплывающих подсказок.

Атрибут alt обычно, но неправильно, называется «тегом alt».

Декоративный images

W3C рекомендует, чтобы изображения, не передающие никакой информации, но являющиеся чисто декоративными, были указаны в CSS, а не в разметке HTML. Однако иногда может потребоваться добавить декоративное изображение в виде тега HTML img. В этом случае, если изображение действительно не добавляет к контенту, тогда следует включить пустой атрибут alt в форме alt = "". Это делает страницу доступной для пользователей программ чтения с экрана или неграфических браузеров. Если (в нарушение стандарта) атрибут alt не был предоставлен, тогда браузеры, которые не могут отображать изображение, все равно будут отображать что-то там, например URL-адрес изображения или фиксированная текстовая строка.

См. Также
Примечания
Ссылки
Внешние ссылки
Последняя правка сделана 2021-06-11 02:31:34
Содержание доступно по лицензии CC BY-SA 3.0 (если не указано иное).
Обратная связь: support@alphapedia.ru
Соглашение
О проекте