🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.
Тег используется для создания карты изображений. Карта — это изображение с кликабельными областями, которые могут быть связаны, например, с другой веб-страницей или определённой частью той же самой страницы.
Атрибут name
задаёт имя карты.
<map name="map_name">
<area shape="rect" coords="x1,y1,x2,y2" href="url">
<area shape="circle" coords="x,y,r" href="url">
<area shape="poly" coords="x1,y1,x2,y2,...,xn,yn" href="url">
</map>
Если координаты двух или более областей перекрываются, кликабельной будет только первая область, указанная в теге <map>
. Также тег следует использовать только для карт на стороне клиента. Создавать карты на стороне сервера не рекомендуется, так как они имеют множество ограничений и могут вызвать проблемы с доступностью.
Если вам нужно создать кликабельные области на изображении без <map>
, можете использовать CSS или JavaScript для достижения того же эффекта.