Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Атрибут usemap

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Параметр usemap связывает между собой картинку и карту-изображение, задаваемую с помощью контейнера <map>. В качестве такой связи выступает имя идентификатора, которое указывается в значении параметра usemap, и то же имя, заданное у параметра name тега <map>. При этом в теге <img> идентификатор должен начинаться с символа решетки (#).
Синтаксис
HTML
<img usemap="#идентификатор">
XHTML
<img usemap="#идентификатор" />
Значения
Текстовая строка, начинающаяся с символа решетки.
Значение по умолчанию
Нет.
Пример. Использование параметра usemap

<!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>Тег IMG, параметр usemap</title>
<style type="text/css">
DIV#title {
line-height: 0; /* Изменяем межстрочное расстояние */
}
DIV#title IMG {
border: none; /* Убираем рамку вокруг изображения */
}
</style>
</head>
<body>
 <div
id="title"><img src="images/ecctitle.png" width="640" height="158" alt="Детский образовательный центр"><br>
 <img
src="images/navigate.png" width="640" height="30" alt="Навигация по сайту"
usemap="#Navigation"></div>
 <p><map
name="Navigation">
 <area
shape="poly" coords="113,24,211,24,233,0,137,0" href="inform.html" alt="Информация">
 <area
shape="poly" coords="210,24,233,0,329,0,307,24" href="activity.html" alt="Мероприятия">
 <area
shape="poly" coords="304,24,385,24,407,0,329,0" href="depart.html" alt="Отделения">
 <area shape="poly" coords="384,24,449,24,473,0,406,0" href="techinfo.html" alt="Техническая информация">
 <area shape="poly" coords="449,24,501,24,525,0,473,0" href="study.html" alt="Обучение">
 <area shape="poly" coords="501,24,560,24,583,0,525,0" href="work.html" alt="Работа">
 <area shape="poly" coords="560,24,615,24,639,0,585,0" href="misk.html" alt="Разное">
 </map></p>
</body>

</html>

Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

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

© 2006-2024, heroes-3.ru