www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег MAP
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
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
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег MAP

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фох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 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

Параметры

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=windows-1251">
  <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 4 XШТМЛ: 1.0 1.1

Описание

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

Синтаксис

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

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

Да.

Аргументы

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

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

Нет.

Пример 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=windows-1251">
 <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>

Copyright 2009 Все права засчищены, по всем вопросам пишите по адресу admin@www-html.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект