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

Тег <map>

Браузер
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  
Описание
Тег <map> служит контейнером для элементов <area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <map> — в связывании тега <img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <img>, задаваемого атрибутом usemap, так и в теге <map>, устанавливаемого атрибутом name.
Синтаксис
HTML
<map name="имя">
 <area
параметры>
</map>
XHTML
<map name="имя" id="имя">
 <area
параметры />
</map>
Аргументы
name - Имя карты-изображения.
Закрывающий тег
Обязателен.
Пример. Использование тега <map>

<!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>Аттрибут Map</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-2025, heroes-3.ru