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

HTML тег <img>

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

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


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


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
nameДаДаДаДаДаДа

Синтаксис:

<map name = "#mapname">

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

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

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

Нет.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования атрибута usemap HTML тега <img></title>
	</head>
	<body>
		<img src =  "star.png"  usemap =  "#zvezda" alt = "Пятиконечная звезда"> <!-- размещаем изображение, которое мы в последствии будем использовать при составлении изображении-карты --> 
		<map name = "zvezda" >  <!-- задаём имя карте-изображению --> 
			<area shape =  "poly" coords =  "251,33, 273,101, 344,101, 286,143, 309,210, 251,170, 192,213, 215,143, 158,101, 229,101" href =  "#" alt =  "Пятиконечная звезда"> <!-- определяем необходимое количество точек на изображении (многоугольную интерактивную область) --> 
		</map>
	</body>
</html>

И так по порядку, что мы сделали в этом примере:

Результат нашего примера:

Пример использования атрибута usemap HTML тега <img>.
Пример использования атрибута usemap HTML тега <img>.
HTML тег <img>