Назад к списку тегов

Тег MAP

Описание

Тег <MAP> служит контейнером для элементов <AREA>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <MAP> — в связывании тега <IMG> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <IMG>, задаваемого параметром usemap, так и в теге <MAP>, устанавливаемого атрибутом name.

Синтаксис

<map name=...>
 <area ...>
</map>

Параметры

name
Имя карты-изображения.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <MAP>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<img src="map.gif" width="411" height="46" border="0" usemap="#navigation" alt="Навигация по сайту">

<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">
<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">
<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">
</map>

</body>
</html>

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

Параметр NAME

Описание

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

Синтаксис

<map name="идентификатор">...</map>

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

Да.

Аргументы

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

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

Нет.

Пример 2. Имя карты-изображения

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<img src="/images/col3.gif" width="384" height="275" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="257,0,383,275" href="col3.html">
<area shape="rect" coords="126,0,257,276" href="col2.html">
<area shape="rect" coords="0,0,126,275" href="col1.html">
</map>

</body>
</html>
Hosted by uCoz