Атрибут usemap
Синтаксис
HTML
XHTML
<img src="..." alt="..."
usemap="[значение]">
Описание
Атрибут / параметр usemap (от англ. "usemap" ‒ «использование карты») прикрепляет к изображению «клиентскую» карту-изображения.
Примечание
«Клиентская» карта-изображения в отличии от «серверной» карты-изображения обрабатывается браузером на стороне пользователя (клиента).
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | IMG - inline images |
| 4.01 | 13.6.1 Client-side image maps: the MAP and AREA elements usemap = uri [CT]... DTD: Transitional
Strict
Frameset
|
| 5.0 | 4.7.13.1 Authoring ...a usemap attribute... |
| 5.1 | 4.7.5. The img element The usemap attribute... |
| 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>Параметр usemap (Элемент img)</title>
</head>
<body>
<h1>Пример с атрибутом "usemap"</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>Параметр usemap (Элемент img)</title>
</head>
<body>
<h1>Пример с атрибутом "usemap"</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>
Параметр usemap (Элемент img)