🚀 Сегодня вам бесплатно доступен тренажёр по 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 для достижения того же эффекта.