Тег MAP

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.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.html" 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.html" 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.html" alt="Ссылка 3">
</map></p>

</body>
</html>

Описание параметров тега <MAP>

Параметр NAME

HTML: 3.2 4 XHTML: 1.0 1.1

Описание

Имя идентификатора, которое однозначно определяет карту-изображение. Значение параметра name тега <MAP> должно соответствовать имени в usemap. При этом аргумент параметра usemap тега <IMG> начинается с символа решетки.

Синтаксис

Обязательный параметр

Да.

Аргументы

Любое подходящее уникальное имя, оно чувствительно к регистру.

Значение по умолчанию

Нет.

Пример 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.html" alt="Колонка 1">
<area shape="rect" coords="126,0,257,276" href="col2.html" alt="Колонка 2">
<area shape="rect" coords="0,0,126,275" href="col1.html" alt="Колонка 3">
</map></p>

</body>
</html>

Комментарий