Создание сайтов на WebPagesDesign.ru (495) 508-5716.

Главная
Портфолио (сайты)
Изготовление сайтов
Продвижение сайта
Информация
   Техническая поддержка
   Прочие услуги
   Документация
   Cправочник html
   Cправочник css
   Cправочник php
Новости и события

тел.: (495) 508-5716
info@webpagesdesign.ru


Новые сайты



www.hutor-2.ru




www.patrisa-nail.ru


Изготовление сайта жилого комплекса "Кореневский хуторок 2"
подробнее

Все работы на одной странице
подробнее

Создание сайта для логистической компании Way Logistic.
подробнее

Сайт ЦСВМ "Штурман"
подробнее

Справочник html.

Тег <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//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.php" 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.php" 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.php" 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.php" alt="Колонка 1">
<area shape="rect" coords="126,0,257,276" href="col2.php" alt="Колонка 2">
<area shape="rect" coords="0,0,126,275" href="col1.php" alt="Колонка 3">
</map></p>

</body>
</html>


Теги Изображения и звука

  • AREA определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением.
  • IMG предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG.
  • MAP служит контейнером для элементов AREA, которые определяют активные области для карт-изображений.
  • BGSOUND определяет музыкальный файл, который будет проигрываться на веб-странице при ее открытии.

  • главная

    статьи
    контакты
    команда

    главная

    2003 - 2010 © Хамикулён | Изготовление сайтов
    тел.: (495) 508-5716
    e-mail: info@webpagesdesign.ru

    Rambler's Top100