/html/map:> Карта-изображения_
Элемент map
Синтаксис
HTML
XHTML
<img src="..." alt="..." usemap="#Name"> ... <map name="Name"> ... <area shape="..." coords="..." href="..."> ... </map>
Описание
Элемент map
(от англ. "map" ‒ «карта») создаёт карту-изображения.
Примечание
В некоторых старых браузерах поддерживаются только контейнеры map
с элементами area
.
Условия использования
- Элемент
map
может располагатся в любом месте тела документа. Внутри данного элемента одновременно могут размещаться либо элементыarea
, либо элементыa
. Комбинирование элементовarea
иa
в одном контейнереmap
запрещено. - Если в данный элемент вкладываются элементы гиперссылок, то им обязательно добавляются атрибуты «
coords
» и «shape
» с соответствующими значениями.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | MAP |
4.01 | 13.6.1 Client-side image maps: the MAP and AREA elements DTD: Transitional
Strict
Frameset
|
5.0 | 4.7.11 The map element |
5.1 | 4.7.15. The map element |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент map</title>
</head>
<body>
<h1>Пример использования элемента "map"</h1>
<img src="/html/html-images/map_area.jpg" style="width: 100px; height: 79px;" alt="часть меню сайта" usemap="#Menu">
<map name="Menu">
<!-- Задаём активные области -->
<area shape="rect" coords="0,1,100,26" href="/html/abbr/" alt="abbr" title="Аббревиатура">
<area shape="rect" coords="0,27,100,52" href="/html/acronym/" alt="acronym" title="Акроним">
<area shape="rect" coords="0,53,100,78" href="/html/address/" alt="address" title="Адрес">
</map>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент map</title>
</head>
<body>
<h1>Пример использования элемента "map"</h1>
<img src="/html/html-images/map_area.jpg" style="width: 100px; height: 79px;" alt="часть меню сайта" usemap="#Menu">
<map name="Menu">
<!-- Задаём активные области -->
<area shape="rect" coords="0,1,100,26" href="/html/abbr/" alt="abbr" title="Аббревиатура">
<area shape="rect" coords="0,27,100,52" href="/html/acronym/" alt="acronym" title="Акроним">
<area shape="rect" coords="0,53,100,78" href="/html/address/" alt="address" title="Адрес">
</map>
</body>
</html>
Элемент map