Альтернативный текст

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

Рис. 10.3

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

Некоторые браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение (рис. 10.4).

Рис. 10.4

Рис. 10.4. Вид всплывающей подсказки

Замечание

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

Для создания альтернативного текста используется параметр alt тега <img>, как показано в листинге 10.2.

Листинг 10.2. Добавление альтернативного текста

<!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><a href="index.html"><img src="home.gif" alt="Возврат на главную страницу"></a></p>
  </body>
</html>

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

Не все браузеры отображают альтернативный текст в виде всплывающей подсказки. Поэтому для ее создания используйте параметр title (листинг 10.3).

Листинг 10.3. Всплывающая подсказка

<!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 </title>
 </head>
 <body>
   <p><a href="index.html"><img src="home.gif" 
       alt="Вернуться на главную страницу" title="Главная страница"></a></p>
 </body>
</html>

Как показано в данном примере, значения у параметров alt и title может различаться, что позволяет установить определенный текст для разных случаев. Только учтите, что длинный текст будет «обрезаться» и отображается не весь. Но поисковые системы, для которых иной раз и применяют параметр title и alt, вполне его читают.

Зверніть увагу на додаткові посилання

загрузка...

Зверніть увагу на додаткові посилання

Якщо вас цікавить...

Головний розділ

Сторінки, близькі за змістом