htmlbook.ru - Для тех, кто делает сайты
Статьи Книги Шаг за шагом Рецепты Форум
Главная страница > Теги HTML > Тег MAP
Теги HTML
Все теги
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
HTML
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
Теги по типам
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблица
Текст
Форматирование
Формы
Фреймы

Тег 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.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> начинается с символа решетки.

Синтаксис

<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.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>

Copyright 2002–2008 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

О сайте | Планы на будущее | Использование сайта | Борьба с ошибками | Технологии | Поддержать проект