HTML: тег map
Тег «map» в HTML используется для создания изображений, на которые можно кликать и которые содержат ссылки на другие веб-страницы или ресурсы. Когда пользователь щелкает на определенную область изображения, он будет перенаправлен на другую веб-страницу или выполнится некоторое действие, связанное с этой областью.
Тег «map» определяет карту изображения, которая состоит из нескольких областей (или «area»), каждая из которых содержит ссылку на другой ресурс. Области могут быть прямоугольными, круглыми или произвольными формами, которые задаются с помощью координат.
Пример использования тега «map» для создания карты изображения:
<img src="image.png" alt="Картинка" usemap="#map">
<map name="map">
<area shape="rect" coords="0,0,50,50" href="page1.html">
<area shape="circle" coords="100,100,50" href="page2.html">
<area shape="poly" coords="150,0,200,50,150,100" href="page3.html">
</map>
В этом примере мы создаем карту изображения для изображения «image.png». Карту состоит из трех областей: прямоугольной области, круглой области и многоугольной области. Каждая область имеет свои координаты и ссылку на другую веб-страницу.
В целом, использование тега «map» позволяет создавать интерактивные изображения, которые могут улучшить пользовательский опыт веб-сайта.