Атрибут Alt
В ряде случаев графическое изображение на Web-странице не может быть отражено. Это может происходить при просмотре страниц с использованием текстовых браузеров, при запрете на отображение графики в целях увеличения скорости загрузки и снижения расходов на Интернет, а также в ряде других случаев. При этом смысл страницы может быть существенно искажен, а при использовании графических меню и кнопок навигация по сайту будет значительна затруднена. Во избежание этого в HTML используется атрибут alt, который задает цепочку символов (максимальная длина 1024 символа), отображаемую в браузере вместо изображения и в произвольной форме описывающую его (заменяющий текст).
Следующий пример демонстрирует синтаксис применения атрибута alt.
<html> <body>
<img src="logo.gif" width="285" height="52" alt="Логотип Интуита"> <br> Для демонстрации работы атрибута alt необходимо в свойствах обозревателя запретить использование графики на странице. <br> Обратите внимание, что даже при отображенной графике замещающий текст появляется на экране при наведении указателя мыши на изображение. Благодаря этому атрибут alt можно использовать и в качестве своеобразной подписи к рисунку.
</body> </html>
Пример выполнения данного HTML-кода
Использование атрибута alt считается признаком хорошего HTML-тона, так как это позволяет улучшить вывод и полезность документа для людей, который используют браузеры только для вывода текста. Кроме того, использование атрибута ALT можно считать обязательным для графических ссылок. В следующем примере приведен фрагмент графического меню. В примере специально даются ссылки на несуществующие графические файлы (отпадает необходимость запрета на отображение рисунков браузером для понимания работы примера).
<html> <body>
В первом варианте атрибут alt не используется, пользователь видит перед собой три прямоугольника, о назначении которых он может только догадываться. <hr> <img src="home.gif" width="80" height="30"> <img src="mail.gif" width="80" height="30"> <img src="map.gif" width="80" height="30"> <hr> <br> Использование атрибута alt во втором варианте позволяет эффективно использовать ссылки меню и в отсутствие изображений. <hr> <img src="home.gif" width="80" height="30" alt="На главную страницу"> <img src="mail.gif" width="80" height="30" alt="Отправить письмо"> <img src="map.gif" width="80" height="30" alt="Карта сайта"><br> <hr>
</body> </html>
Пример выполнения данного HTML-кода
