Атрибут usemap
Синтаксис
(X)HTML
<object (data | type)="..." usemap="#mapName"> ... </object> ... <map name="mapName"> ... </map>
Описание
Атрибут / параметр use map
(от англ. "usemap" ‒ «использование карту») прикрепляет к встраиваемому объекту «клиентскую» карту-изображения.
Условия использования
В качестве встраиваемого объекта должно использоваться изображение.
Поддержка браузерами
Chrome
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
IExplorer
Safari
iOS
Android
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
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.4 The object element ...a usemap attribute... |
5.1 | |
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 (Элемент object)</title>
</head>
<body>
<h1>Пример использования атрибута "usemap"</h1>
<p><object data="/examples/images/image_maps.png" type="image/png" usemap="#Menu"></object></p>
<map name="Menu">
<area shape="rect" coords="8,8,108,112" href="/examples/images/dark_clouds.jpg" alt="Картинка «Туча»" title="Открыть картинку «Туча»" type="image/jpeg">
<area shape="rect" coords="134,8,234,112" href="/examples/images/pineberry/img360.jpg" alt="Картинка «Пайнберри»" title="Открыть картинку «Пайнберри»" type="image/jpeg">
</map>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр usemap (Элемент object)</title>
</head>
<body>
<h1>Пример использования атрибута "usemap"</h1>
<p><object data="/examples/images/image_maps.png" type="image/png" usemap="#Menu"></object></p>
<map name="Menu">
<area shape="rect" coords="8,8,108,112" href="/examples/images/dark_clouds.jpg" alt="Картинка «Туча»" title="Открыть картинку «Туча»" type="image/jpeg">
<area shape="rect" coords="134,8,234,112" href="/examples/images/pineberry/img360.jpg" alt="Картинка «Пайнберри»" title="Открыть картинку «Пайнберри»" type="image/jpeg">
</map>
</body>
</html>
Параметр usemap (Элемент object)