Элемент | ||||||
<img> | 1+ | 1+ | 1+ | 1+ | 1+ | 1+ |
<object> | Да | Да |
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 Атрибуты