HTML Атрибут usemap
Определение и использование usemap
Атрибута usemap указывает на изображение (или объект) как изображение-карту (изображение-карта представляет собой изображения с активными областями).
Атрибут usemap связан с элементами <map> или атрибутом id и создает отношение между <img> и <map>.
Примечание: Атрибут usemap нельзя использовать, если элемент <img> является потомком элемента <a> или <button>.
Применение usemap
Атрибут usemap может использоваться для следующих элементов:
| Элемент | Атрибут |
|---|---|
| <img> | usemap |
| <object> | usemap |
Примеры usemap
Пример
Изображение-карта с кликабельными областями:
<img src="planets.gif"width="145" height="126"alt="Планеты"usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
</map>
Попробуйте сами »
Пример
Элемент <object>, использующий карту изображений:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Попробуйте сами »
Поддержка браузеров usemap
Атрибут usemap имеет следующую поддержку браузера для каждого элемента:
| Элемент | |||||
|---|---|---|---|---|---|
| img | Да | Да | Да | Да | Да |
| object | Не поддерживает | Да | Да | Не поддерживает | Не поддерживает |