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

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

С атрибутами, отвечающими за оформление картинки, все понятно, но существуют еще атрибуты, напрямую не влияющие на отображение картинки, но тем не менее сильно облегчающие жизнь посетителям сайта.

Иногда получается так, что картинка не загружается, например, когда пользователь отключил загрузку картинок или сервер, на котором она расположена, «упал». Если размеры картинки указаны в явном виде, то посетитель имеет о них представление, однако зачем ему этот размер, если он не может даже предположить, что изображено на рисунке.

В таких ситуациях может помочь атрибут alt. Его значение – текст, который будет показан при наведении указателя мыши на картинку или если картинка не загрузится. Это даст возможность пользователям, которые не видят картинок, понять, хотят ли они увидеть их вообще, а тем, кто видит, поможет понять, что именно они видят.

В листинге 4.7 приведен пример кода для задания альтернативного текста.

Листинг 4.7. Альтернативный текст

<html>

<head>

<title>Встраивание изображения</title>

</head>

<body>

<img src="image.jpg" width="100" align="right" vspace="50" hspace="50" alt="Фотография карликового вислоухого кролика"/>

</body>

</html>

На рис. 4.7 показан результат обработки кода из листинга 4.7 при условии, что изображение загрузилось.

Рис. 4.7. Альтернативный текст при загруженном рисунке

Альтернативный текст всплывает при наведении указателя мыши на картинку.

На рис. 4.8 показан результат обработки кода из того же листинга, но в случае, когда изображение не загрузилось.

Рис. 4.8. Альтернативный текст при незагруженном рисунке

Вместо картинки виден поясняющий текст, и при наведении указателя мыши на рисунок появляется всплывающая подсказка.

Данный текст является ознакомительным фрагментом.



Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

Текст

Из книги автора

Текст Добавить текст к слайду просто – для этого достаточно выбрать пункт меню «Вставить – Текст» или нажать на иконку с заглавной буквой Т на панели инструментов. В появившейся рамке можно вводить слова и предложения, пользуясь стандартными инструментами


Popup («текст сообщения», «количество секунд», «текст заголовка», «тип окна»)

Из книги автора

Popup («текст сообщения», «количество секунд», «текст заголовка», «тип окна») Метод отображает текстовое сообщение, указанное в первом входном параметре. При этом, кроме текста сообщения нужно указать следующие входные параметры.? Количество секунд — определяет


Текст

Из книги автора

Текст В типографике существует множество шрифтов, однако в веб-дизайне для набора текстов веб-страниц используется ограниченное их количество.Как правило, это:? Georgia;? Times New Roman;? Arial;? Verdana;? Comic Sans MS.Шрифты подразделяются на шрифты с засечками (типа Georgia, Times New Roman), шрифты без


Альтернативный способ создания ядра

Из книги автора

Альтернативный способ создания ядра Как уже отмечалось, семантическое ядро портала имеет одну важную особенность – оно большое. Очень большое. Некоторые туристические порталы используют для продвижения ядро, включающее порядка 100 000 запросов, а если они планируют


Текст

Из книги автора

Текст Перейдите на вкладку Текст (рис. 12.3) и настройте следующие параметры.• Чтобы изменить цвет текста, выделите мышью текст в рабочем окне или в списке на вкладке Текст и из раскрывающегося списка Цвет выберите нужный.• Чтобы изменить расположение текста в рабочем


Текст

Из книги автора

Текст В этой вкладке есть всякие полезные (или просто красивые) штуки, которые вы может вставить в текст.НадписьКогда мы рассматривали фигуры, то уже встречались с надписями. Это фигура, внутри которой есть текст.Щелкните на кнопке Надпись. В появившемся списке выберите


Альтернативный способ голосового общения в Интернете

Из книги автора

Альтернативный способ голосового общения в Интернете Ведя речь о телефонных звонках с помощью Интернета, следует рассказать еще об одной малоизвестной, но очень полезной возможности такого общения. Предоставляет ее компания Betamax (www.betamax.com), а точнее фирмы, занимающиеся


Альтернативный способ трансляции

Из книги автора

Альтернативный способ трансляции В некоторых компиляторах с языка Си, работающих на персональных ЭВМ, реализованы другие способы трансляции. Метод, который только что обсуждался, можно охарактеризовать тем, что в результате мы получаем файл, содержащий объектный код


Однострочный текст

Из книги автора

Однострочный текст Текстовые надписи, добавляемые в рисунок, несут различную информацию. Они могут представлять собой сложные спецификации, элементы основной надписи, заголовки. Кроме того, надписи могут быть полноправными элементами самого рисунка. Сравнительно


Текст

Из книги автора

Текст Экранная клавиатураЭкранная клавиатура предназначена для ввода печатного текста с помощью маркера и является аналогом компьютерной клавиатуры. Вызов этого инструмента осуществляется щелчком по пиктограмме Текстовые инструменты на панели mimio Инструменты


SPB Shell 3D: альтернативный интерфейс для Google Android Алексей Талан, Mobi.ru

Из книги автора

SPB Shell 3D: альтернативный интерфейс для Google Android Алексей Талан, Mobi.ru Опубликовано 15 апреля 2011 годаПитерская компания SPB Software известна в первую очередь как создатель популярнейшей оболочки для Windows Mobile — SPB Mobile Shell. Именно благодаря «шеллу» угрюмый WM-смартфон становился


QIP — альтернативный ICQ-клиент

Из книги автора

QIP — альтернативный ICQ-клиент Возможно, для общения в ICQ вам больше понравится альтернативный ICQ-клиент — программа QIP. Существуют две версии этой программы: QIP 2005 и OIP Infium. На нетбуке предпочтение стоит отдать более простой и компактной версии — QIP 2005.В программе QIP 2005 есть


У6.6 Текст

Из книги автора

У6.6 Текст Рассмотрите понятие текста, обрабатываемого текстовым редактором. Задайте это понятие в виде АТД. (Это задание оставляет достаточно много свободы спецификатору, не забудьте включить содержательное описание тех свойств текста, которые вы избрали для


6.1.1. Набираем текст

Из книги автора

6.1.1. Набираем текст Для выполнения приведенного ниже задания нам понадобится материал разд. 5.1.3.Задание1. Запустить приложение Pages.2. Набрать текст, приведенный на рис. 6.1, исправив ошибки, допущенные при наборе.3. Файл задания находится на прилагаемом диске: /pages/tasks/6.1.1.pdf, а


8.11. АЛЬТЕРНАТИВНЫЙ ПРОЕКТ ГРАФИЧЕСКОГО ИНТЕРФЕЙСА

Из книги автора

8.11. АЛЬТЕРНАТИВНЫЙ ПРОЕКТ ГРАФИЧЕСКОГО ИНТЕРФЕЙСА При развитии программ постоянно возникает проблема увеличения функциональных возможностей одного объекта за счет функциональных возможностей другого. Актуальнейшая проблема программирования — написание гибких