Атрибут usemapтега <img> HTML
Пример
Карта изображения с кликабельными областями:
<img src="planets.gif.html"
width="145" height="126"
alt="Планеты"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Солнце">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Меркурий">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Венера">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Солнце">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Меркурий">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Венера">
</map>
Попробуйте сами »
Поддержка браузеров
![]()
![]()
![]()
![]()
![]()
Все основные браузеры поддерживают атрибут usemap.
Определение и использование
Атрибут usemap определяет изображение как карту изображения на стороне клиента (карта изображения — это изображение с областями, по которым можно щёлкнуть).
Атрибут usemap связан с атрибутом name или id элемента<map>, чтобы установить связь между <img> и <map>.
Примечание:Атрибут usemap разрешён только тогда, когда элемент <img> не является потомком элемента <a> или <button>.
Различия между HTML 4.01 и HTML5
Нет.
Синтаксис
<img usemap="#mapname">
Значения атрибута
| Значение | Описание |
|---|---|
| #mapname | Символ решётки ("#") плюс имя или id элемента <map>, который нужно использовать. |
HTML-тег <img> Другие расширения