Тег MAP

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Параметры

name: Имя карты-Имаги.

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

Обязателен.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
  <title>Тег AREA</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.ШТМЛ" alt="Информация">
  <area shape="poly" coords="210,24,233,0,329,0,307,24" href="activity.ШТМЛ" alt="Мероприятия">
  <area shape="poly" coords="304,24,385,24,407,0,329,0" href="depart.ШТМЛ" alt="Отделения">
  <area shape="poly" coords="384,24,449,24,473,0,406,0" href="techinfo.ШТМЛ" alt="Техническая информация">
  <area shape="poly" coords="449,24,501,24,525,0,473,0" href="study.ШТМЛ" alt="Обучение">
  <area shape="poly" coords="501,24,560,24,583,0,525,0" href="work.ШТМЛ" alt="Работа">
  <area shape="poly" coords="560,24,615,24,639,0,585,0" href="misk.ШТМЛ" alt="Разное">
  </map></p>
 </body>
</html>

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

Параметр NAME

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

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

Да.

Аргументы

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

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

Нет.

Пример 2. Имя карты-Имаги

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!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=utf-8">
 <title>Тег AREA, параметр alt</title>
 </head>
 <body>

  <p><img src="/ШТМЛ/example/images/europe.png" alt="Европа" width="422" 
   height="387" border="0" usemap="#Map">
  <map name="Map">
   <area shape="poly" coords="34,83,42,90,52,87,64,85,71,81,79,87,84,95,
   75,110,61,120,42,116,37,110,25,94,32,82" href="is.ШТМЛ" alt="Исландия">
   <area shape="poly" coords="168,262,173,254,180,254,207,272,201,290,206,309,
   197,318,182,316,182,323,165,320,152,317,154,292,138,276,168,263" href="fr.ШТМЛ" alt="Франция">
   <area shape="poly" coords="250,223,264,217,274,222,295,221,298,235,301,257,
   290,269,274,268,247,254,243,241,243,241" href="pl.ШТМЛ" alt="Польша">
  </map></p>

 </body>
</html>