HTML reference manual

Complete list of HTML tags

HTML: <map> тег

The HTML <map> tag is used to define an image map with clickable areas (or hotspots). Within the <map> tag, the <area> tag can be used to create clickable areas, and each clickable area can have an associated hyperlink. This tag is also commonly referred to as the <area> element.

Online example

Image map with clickable areas:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Basic Tutorial Website (oldtoolbag.com)</title>　
</head>
<body>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
　
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html">
　　<area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html">
　　<area shape="circle" coords="124,58,8" alt="Venus" href="venus.html">
</map>
</body>
</html>

Test to see ‹/›

Browser compatibility

IEFirefoxOperaChromeSafari

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

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

Тег <map> используется для клиентских изображений-карт. Изображение-карта - это изображение с clickable area.

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

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

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

Внимание: В HTML5, если свойство id указано в теге <map>, то вы должны также указать свойство name.

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

В XHTML свойство name弃用, используйте вместо него свойство id.

Свойства

Свойства	Значение	Описание
name	mapname	Обязательный. Название, определенное для image-map.

Глобальные свойства

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

свойства событий

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

HTML: <main> тег HTML: <link> тег