ADMin Портал!

Профиль



Добро пожаловать,
Гость

54.162.105.241

Регистрация или вход
Потеряли пароль?

Сейчас онлайн
Администраторы:0
Пользователей:0
Гостей:50
Поисковые боты:1

Всего:51

Кнопки




Исходный код

HTML4: Изображения

Тег 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>
Справочник «Теги HTML»

Партнеры




Powered by SLAED CMS © 2005-2007 SLAED. All rights reserved.