Атрибут name HTML тега <map>
Значение и применение
Атрибут name (HTML тега
<map>) задаёт имя карте-изображению. Является обязательным атрибутом, он связан с атрибутом
usemap элемента
<img>
(создает связь между изображением и картой).
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
name | 1 | 12 | 1 | 15 | 1 | 18 | 4 | 14 | 1 | 1.0 | 4.4 | 1 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Синтаксис:
HTML
<map name = "mapname">
Значения атрибута
| Значение | Описание |
|---|---|
mapname |
Имя карты-изображения. |
Отличия HTML 4.01 от HTML 5
Нет.Примеры, попробуйте сами
Атрибут name элемента map
name карты совпадает с usemap без #. Для переходов откройте скачанный 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>
Режим чтения