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

Элемент `map`

Синтаксис

HTML

XHTML

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

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

Описание

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

Примечание

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

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

Элемент map может располагатся в любом месте тела документа. Внутри данного элемента одновременно могут размещаться либо элементы area, либо элементы a. Комбинирование элементов area и a в одном контейнере map запрещено.
Если в данный элемент вкладываются элементы гиперссылок, то им обязательно добавляются атрибуты «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