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

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

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

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

В таких ситуациях может помочь атрибут 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. Альтернативный текст при незагруженном рисунке

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

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

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

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

Текст

Из книги Запись CD и DVD: профессиональный подход автора Бахур Виктор

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


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

Из книги Работа в Интернете автора Макарский Дмитрий

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


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

Из книги Цифровой журнал «Компьютерра» № 64 [11.04.2011 — 17.04.2011] автора Журнал «Компьютерра»

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


У6.6 Текст

Из книги Основы объектно-ориентированного программирования автора Мейер Бертран

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


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

Из книги Технологии программирования автора Камаев В А

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


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

Из книги Наглядный самоучитель работы на нетбуке автора Сенкевич Г. Е.

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


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

Из книги Самоучитель работы на Macintosh автора Скрылина Софья

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


Текст

Из книги Интерактивные доски и их использование в учебном процессе автора Горюнова М. А.

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


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

Из книги AutoCAD 2009. Учебный курс автора Соколова Татьяна Юрьевна

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


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

Из книги Язык Си - руководство для начинающих автора Прата Стивен

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


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

Из книги Недокументированные и малоизвестные возможности Windows XP автора Клименко Роман Александрович

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


Текст

Из книги Готовимся к пенсии: осваиваем Интернет автора Ахметзянова Валентина Александровна

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


Текст

Из книги Офисный компьютер для женщин автора Пастернак Евгения

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


Текст

Из книги Секреты приложений Google автора Балуев Денис

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


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

Из книги Продвижение порталов и интернет-магазинов автора Гроховский Леонид О.

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