<map>

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

Категории контента Потоковый контент, фразовый контент, явный контент.
Разрешённый контент Любой прозрачный элемент.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Разрешённые родители Любые элементы, которые принимают фразовый контент.
Разрешённые ARIA роли Нет
DOM интерфейс HTMLMapElement (en-US)

Атрибуты

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

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>' в этой спецификации.
Рекомендация Первое определение

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

BCD tables only load in the browser

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