Тег <map> HTML5

Пример

Создание карты изображения:

<img src="/images/353915main_image_1377_428-321.gif" alt="Planets" width="350" height="263" usemap="#planetmap">

<map id="planetmap" name="planetmap">
<area shape="rect" coords="203,104,343,241" alt="Sun" title="sun" href="/tryit/sun.html">
<area shape="circle" coords="92,98,56" alt="Mercury" title="Mercury" href="/tryit/mercury.html">
</map>

Результат выполнения кода выше:

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

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

тег <map> поддерживается во всех ведущих браузерах

Определение и использование

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

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

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

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

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

Атрибуты

Атрибут	Значение	Описание
name	имя карты	Определяет имя изображения-карты

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

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

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

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

Была ли эта информация полезной?

Да Нет