HTML тег map

Тег <map> определяет карту-изображение.

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

Тег <map> должен содержать элементы <area>, которые и создают активные области изображения.

Разница между HTML 4.01 и HTML5

В HTML5 если также определяется атрибут id, то он должен иметь то же значение, что и атрибут name.

Различия между HTML и XHTML

В XHTML атрибут name считается устаревшим, вместо него следует использовать общий атрибут id.

Атрибуты тега <map>
Атрибут Описание
name Определяет имя карты-изображения

Общие атрибуты

Тег <map> поддерживает общие атрибуты и атрибуты-события.

HTML пример

Карта-изображение с участками-ссылками:


<img src='planets.gif' width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
   <area shape="rect" coords="0,0,82,126" href='sun.htm' alt="Sun">
   <area shape="circle" coords="90,58,3" href='mercur.htm' alt="Mercury">
   <area shape="circle" coords="124,58,8" href='venus.htm' alt="Venus">
</map>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <map> со следующими стилями


map {
    display: inline;
}