<map>

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

Категории контента Потоковый контент, фразовый контент, явный контент.
Разрешенный контент Любой прозрачный элемент.
Пропуск тегов Нет, открывающий и закрывающий теги обязательны.
Разрешенные родители Любые элементы, которые принимают фразовый контент.
Разрешенные 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>' в этой спецификации.
Рекомендация Первое определение

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

BCD tables only load in the browser

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