Alt tag

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

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

Атрибут был введен в проекте HTML 1.2 для поддержки текстовых браузеров, а в HTML 4.01 требовался для imgarea тегов и.[4] Он необязателен для inputтега и устаревшего applet тега.

Пример[править]

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

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

 <img  alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole." src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg">

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

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

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

altАтрибут не всегда должен буквально описывать содержимое изображения. Имейте в виду цель и контекст изображения, а также то, что было бы полезно для тех, кто его не видит. Атрибут alt должен быть альтернативой изображению, обычно указывая его назначение. Например, изображение предупреждающего знака не должно содержать текст alt “треугольник с желтым фоном, черной рамкой и восклицательным знаком”, а просто “Внимание!”—если, конечно, цель изображения не состоит в том, чтобы показать, как на самом деле выглядит предупреждающий символ.

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

Атрибут alt обычно, но неправильно, называют "тегом alt".

Декоративные изображения[править]

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