Разделы

Для чего нужен альтернативный текст?

Альтернативный текст показывается на месте изображения в момент его загрузки или недоступности. В общем, в те моменты, когда картинка по каким-либо причинам не видна. Обычно это случается, если пользователь отключил показ изображений в браузере или при медленном соединении с сайтом. Альтернативный текст добавляется через параметр alt тега <IMG> и является обязательным согласно спецификации HTML и XHTML.

В примере 1 показано добавление альтернативного текста к рисунку.

Пример 1. Альтернативный текст

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Ёжики в нашей жизни</title>
 </head>
 <body>
  <p><img src="/images/igels.gif" alt="Рисунок ёжика"></p>
 </body>
</html>

Некоторые браузеры, в частности, Internet Explorer отображают альтернативный текст в виде всплывающей подсказки. Для изображений, которые выполняют на странице дизайнерские или служебные функции, это бывает довольно неудобно, поскольку портит дизайн. В таком случае можно указать пустое значение параметра alt, как показано в примере 2.

Пример 2. Пустое значение alt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Ёжики в нашей жизни</title>
 </head>
 <body>
  <p><img src="/images/igels.gif" alt=""></p>
 </body>
</html>

В данном случае валидность документа сохраняется, но при этом всплывающая подсказка не появляется.

Разделы

Термины

Для чего нужен альтернативный текст?

Отправить комментарий