Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


HTML Атрибут usemap

Атрибут usemap (от англ. "use map" — «использование карты») определяет изображение (или объект) в качестве клиентской карты-изображений (карта-изображение представляет собой изображение с интерактивными областями).

Примечание: Клиентская карта-изображения в отличии от серверной карты-изображения обрабатывается браузером на стороне пользователя (клиента).

Синтаксис

<img usemap="#mapname">
<object usemap="#mapname">

Значения

#mapname
Хэш-символ ("#") + имя или идентификатор соответствующего элемента <map>.

Значение по умолчанию

Нет.

Применяется к тегам

Элементы Атрибут
<img> usemap
<object> usemap

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

Отличия HTML 4.01 от HTML 5

Нет.

Примеры использования:

Атрибут usemap (Элемент <img>)

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

Карта-изображение с участками-ссылками:

Пример HTML:

Попробуй сам
<img src="images/foto_elem.jpg" alt="Карта изображений" style="width:450px;height:292px;" usemap="#mykarta">
<map name="mykarta"> 
  <area shape="rect" coords="133,163,414,252" 
  title="Зажигалка" href="javascript:alert('Это прямоугольная ссылка');"> 
  <area shape="circle"" coords="58,158,40" 
  title="Монета" href="javascript:alert('Вы выбрали круг');"> 
  <area shape="poly" coords="133,62,278,59,284,24,407,22,410,130,285,134,278,96,133,95" 
  title="Ключ от авто" href="images/auto500.jpg" target=_blank> 
</map>

Атрибут usemap (Элемент <object>)

Вставляем флэш-анимацию с указанием соответствующего медиа-типа:

Пример HTML:

Попробуй сам
<object data="foto_elem.jpg" width="450" height="292" usemap="#mymap"></object>

Поддержка браузерами

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

Спецификации

Спецификация Статус
HTML 4.01 (W3C) Рекомендация
HTML 5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Учебник HTML

HTML уроки: HTML Атрибуты