HTML тег <map>

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

Описание

HTML тег <map> используется для определения карты-изображения. Карта-изображение - это активная область на рисунке, являющаяся ссылкой на другие HTML документы.

Атрибут name элемента <map> является обязательным, он связан с атрибутом usemap элемента <img>, так как создает связь между изображением и картой.

Элемент <map> служит контейнером для элементов <area>, которые определяют активные области на картах-изображений.

Атрибуты

name:

Определяет имя карты-изображения, которое ассоциируется с атрибутом usemap элемента <img> и создает связь между изображением и картой. Пример »

Тег <map> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

map {
    display: inline;
} 

Пример

<img src="image.png" width="104" height="96" alt="numbers" usemap="#num1">
<map name="num1">
  <area shape="rect" coords="3,2,55,47" href="#" alt="kubik1">
</map>

<p>Ссылка расположена на кубике 1, наведите курсор, чтобы убедиться</p>

Результат данного примера в окне браузера: