Теги HTML
Тег MAP
| Браузер | Internet Explorer | Netscape | Opera | Safari | Mozilla | Firefox | |||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Версия | 5.5 | 6.0 | 7.0 | 6.0 | 7.0 | 8.0 | 7.0 | 8.0 | 9.0 | 1.0 | 1.7 | 1.0 | 2.0 |
| Поддерживается | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да | Да |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Тег <MAP> служит контейнером для элементов <AREA>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <MAP> — в связывании тега <IMG> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <IMG>, задаваемого параметром usemap, так и в теге <MAP>, устанавливаемого атрибутом name.
Синтаксис
<map name=...>
<area ...>
</map>
Параметры
- name
- Имя карты-изображения.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <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>
</head>
<body>
<p><img src="map.gif" width="411" height="46" usemap="#navigation" alt="Навигация по сайту"></p>
<p><map name="navigation">
<area shape="poly" coords="210,27, 203,9, 202,6, 197,2, 192,1, 120,1, 115,2, 110,6, 112,9, 119,27, 119,32, 211,32, 210,27" href="link1.php" alt="Ссылка 1">
<area shape="poly" coords="302,27, 295,9, 293,6, 289,2, 283,1, 212,1, 206,2, 202,6, 203,9, 210,27, 211,32, 284,32, 303,32, 302,27" href="link2.php" alt="Ссылка 2">
<area shape="poly" coords="302,27, 303,32, 394,32, 393,27, 386,9, 382,3, 375,1, 303,1, 298,2, 293,6, 295,9, 302,27" href="link3.php" alt="Ссылка 3">
</map></p>
</body>
</html>
Описание параметров тега <MAP>
Параметр NAME
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Имя идентификатора, которое однозначно определяет карту-изображение. Значение параметра name тега <MAP> должно соответствовать имени в usemap. При этом аргумент параметра usemap тега <IMG> начинается с символа решетки.
Синтаксис
<map name="идентификатор">...</map>
Обязательный параметр
Да.
Аргументы
Любое подходящее уникальное имя, оно чувствительно к регистру.
Значение по умолчанию
Нет.
Пример 2. Имя карты-изображения
<!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, параметр usemap</title>
</head>
<body>
<p><img src="/images/col3.gif" width="384" height="275" usemap="#Map" alt="Навигация"></p>
<p><map name="Map">
<area shape="rect" coords="257,0,383,275" href="col3.php" alt="Колонка 1">
<area shape="rect" coords="126,0,257,276" href="col2.php" alt="Колонка 2">
<area shape="rect" coords="0,0,126,275" href="col1.php" alt="Колонка 3">
</map></p>
</body>
</html>