/html/map:> Карта-изображения_

Элемент map

Синтаксис

HTML
XHTML
<img src="..." alt="..." usemap="#Name">
...
<map name="Name">
  ...
  <area shape="..." coords="..." href="...">  
  ...
</map>

Описание

Элемент map (от англ. "map" ‒ «карта») создаёт карту-изображения.

Примечание

В некоторых старых браузерах поддерживаются только контейнеры map с элементами area.

Условия использования

  1. Элемент map может располагатся в любом месте тела документа. Внутри данного элемента одновременно могут размещаться либо элементы area, либо элементы a. Комбинирование элементов area и a в одном контейнере map запрещено.
  2. Если в данный элемент вкладываются элементы гиперссылок, то им обязательно добавляются атрибуты «coords» и «shape» с соответствующими значениями.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 MAP
4.01 13.6.1 Client-side image maps: the MAP and AREA elements
DTD: Transitional Strict Frameset
5.0 4.7.11 The map element
5.1 4.7.15. The map element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

name
Указывает имя карты-изображения.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент map</title>
</head>
<body>
<h1>Пример использования элемента "map"</h1>
<img src="/html/html-images/map_area.jpg" style="width: 100px; height: 79px;" alt="часть меню сайта" usemap="#Menu">
<map name="Menu">
<!-- Задаём активные области -->
<area shape="rect" coords="0,1,100,26" href="/html/abbr/" alt="abbr" title="Аббревиатура">
<area shape="rect" coords="0,27,100,52" href="/html/acronym/" alt="acronym" title="Акроним">
<area shape="rect" coords="0,53,100,78" href="/html/address/" alt="address" title="Адрес">
</map>
</body>
</html>
Элемент map