HTML <map>Тег


Примеры

Карта изображения с кликабельными областями:

<img src="planets.gif.html" width="145" height="126" alt="Планеты" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Солнце">
  <area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Меркурий">
  <area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Венера">
</map>

Попробуйте сами »

Поддержка браузеров

Internet Explorer Firefox Opera Google Chrome Safari

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

Определение тега и инструкции по использованию

Тег <map> используется для карт изображений на стороне клиента. Карта изображения — это изображение с кликабельными областями.

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

Элемент area всегда вложен в элемент map. Элемент area может определять области внутри карты изображения.

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

Примечание:В HTML5, если в теге <map> указан атрибут id, необходимо также указать атрибут name.

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

В XHTML атрибут name устарел; вместо него используйте атрибут id.

Атрибуты

Attribute Значение Описание
name mapname Обязательный. Задает имя для карты изображения.

Глобальные атрибуты

Тег <map> поддерживает глобальные атрибуты. Просмотрите полную таблицу атрибутовГлобальные атрибуты HTML。

Атрибуты событий

Тег <map> поддерживает всеАтрибуты событий HTML。

Другие расширения