ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <map>

❮ Prev Полный HTML справочник Next ❯

Пример

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

<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>
Попробуйте сами »

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

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

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

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

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

Элемент
<map> Yes Yes Yes Yes Yes

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

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

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

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

Атрибуты

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

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

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

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

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

Связанные страницы

HTML DOM справочник: Объект Map

Настройки CSS по умолчанию

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

map {
  display: inline;
}
❮ Prev Полный HTML справочник Next ❯