Атрибут usemap HTML тега <img>

Значение и применение

Атрибут usemap (HTML тега <img>) ссылается на элемент <map> (обязательный атрибут name элемента), который содержит координаты для клиентской части карты-изображения.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.img.usemap
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
usemap✓1✓12✓1✓15✓3✓18✓4✓14✓2✓1.0✓4.4✓2
Content is case-sensitive✓58✓79✓51✓45✓≤11✓58✓53✓43✓≤11✓7.0✓58✓≤11

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<map name = "#mapname">

Значения атрибута

Значение Описание
#mapname Ссылается на элемент <map> (обязательный атрибут name элемента), который содержит координаты для клиентской части карты-изображения.

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

Нет.

Примеры, попробуйте сами

Атрибут usemap элемента img

usemap связывает изображение с name карты. Для проверки переходов скачайте HTML.

base.css
CSS
/* Сохраняем координаты карты: широкое изображение прокручивается без масштабирования. */
.map-stage {
    overflow: auto;
}
index.html
HTML
<div class="map-stage">
  <img src="assets/map.png" width="520" height="150" usemap="#shapes" alt="Квадрат, круг, треугольник и звезда" />
</div>
<map name="shapes"
  ><area shape="rect" coords="25,25,125,125" href="#square" alt="Квадрат" /><area
    shape="circle"
    coords="200,75,50"
    href="#circle"
    alt="Круг"
/></map>
<p id="square">Раздел о квадрате.</p>
<p id="circle">Раздел о круге.</p>