САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Спасибо за поддержку, сайт продолжает работать

HTML Атрибут usemap



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

Атрибута usemap указывает на изображение (или объект) как изображение-карту (изображение-карта представляет собой изображения с активными областями).

Атрибут usemap связан с элементами <map> или атрибутом id и создает отношение между <img> и <map>.

Примечание: Атрибут usemap нельзя использовать, если элемент <img> является потомком элемента <a> или <button>.


Применение

Атрибут usemap может использоваться для следующих элементов:

Элемент Атрибут
<img> usemap
<object> 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 имеет следующую поддержку браузера для каждого элемента:

Элемент
img Да Да Да Да Да
object Не поддерживает Да Да Не поддерживает Не поддерживает