HTML-элемент <map> используется с элементами <area> для определения карты изображения (интерактивной области ссылок).

Категории контента Потоковый контент, фразовый контент, явный контент.
Разрешенный контент Любой прозрачный элемент.
Пропуск тегов None, both the starting and ending tag are mandatory.
Разрешенные родители Любые элементы, которые принимают фразовый контент.
Разрешенные ARIA роли Нет
DOM интерфейс HTMLMapElement

Атрибуты

Элемент включает глобальные атрибуты.

name
Атрибут name дает карте имя, чтобы на нее можно было ссылаться. Атрибут должен быть определен и иметь не пустое значение без пробелов. Значение атрибута name не должно совпадать с регистром совместимости со значением атрибута name другого элемента карты в том же документе. Если также указан атрибут id, то они оба должны иметь одинаковое значение.

Пример

<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html">
  <area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="https://placehold.it/350x150" alt="350 x 150 pic">

Живой пример

Ожидаемые выходные данные

Живой пример выше должен выглядеть как нижеследующее изображение (при использовании клавиши на клавиатуре):

Для ссылки left.html:

Для ссылки right.html:

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

Спецификация Статус Комментарий
HTML Living Standard
Определение '<map>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<map>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<map>' в этой спецификации.
Рекомендация Первое определение

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
mapChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1
Замечания
Полная поддержка 1
Замечания
Замечания Before Firefox 5, in Quirks Mode, empty maps were longer skipped over in favor of non-empty ones when matching.
Замечания Before Firefox 17, the default styling of the <map> HTML element was display: block;. This is now display: inline; and matches the behavior of the other browsers. It was already the case in Quirks Mode.
IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да
nameChrome Полная поддержка 1Edge Полная поддержка ДаFirefox Полная поддержка 1IE Полная поддержка ДаOpera Полная поддержка ДаSafari Полная поддержка 1WebView Android Полная поддержка 1Chrome Android Полная поддержка 18Firefox Android Полная поддержка 4Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Смотрите замечания реализации.
Смотрите замечания реализации.

Смотрите также

Метки документа и участники

Метки: 
Внесли вклад в эту страницу: opereverzeva
Обновлялась последний раз: opereverzeva,