Атрибут 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-кода