<map> - HTML-елемент для створення клікабельних областей на зображенні
HTML-тег <map> використовується разом з елементами <area> для визначення клікабельних областей на зображенні.
Елемент <map> створює карту зображення, яка дозволяє пов'язувати різні частини зображення з різними посиланнями. Це досягається за допомогою дочірніх елементів <area>, які визначають координати та посилання для кожної клікабельної області.
Для зв'язування карти з зображенням використовується атрибут usemap в тезі <img>, значення якого повинно відповідати значенню атрибута name в тезі <map>.
Синтаксис
<map name="назва-карти">
<area shape="..." coords="..." href="..." alt="...">
...
</map>Атрибути
Цей тег може мати глобальні атрибути.
nameОбов’язковий атрибут, який визначає ім’я карти зображення. Це ім’я використовується в атрибуті
usemapтега<img>для зв’язування зображення з картою.
Технічне резюме
| Категорія контенту | |
|---|---|
| Дозволений вміст | Прозорий вміст. |
| Пропуск тегів | Жоден, початковий та кінцевий теги є обов’язковими. |
| Дозволені батьківські елементи | Будь-який елемент, що приймає фразовий контент. |
| Роль ARIA | Немає відповідної ролі. |
| DOM інтерфейс |
|
Підтримка браузерів
<map> | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
name |