Тег <map> определяет карту-изображение.
Обязательный атрибут name элемента <map> ассоциируется с атрибутом usemap элемента <img> и связывает карту с изображением.
Тег <map> должен содержать элементы <area>, которые и создают активные области изображения.
Разница между HTML 4.01 и HTML5
В HTML5 если также определяется атрибут id, то он должен иметь то же значение, что и атрибут name.
Различия между HTML и XHTML
В XHTML атрибут name считается устаревшим, вместо него следует использовать общий атрибут id.
Атрибуты тега <map>
Атрибут | Описание |
---|---|
name | Определяет имя карты-изображения |
Общие атрибуты
Тег <map> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <map> со следующими стилями
map {
display: inline;
}
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>