Тег <map>

Тег <map> визначає карту зображення, яка встановлює взаємозв'язок між областями зображення та гіперпосиланнями.

Елемент <map> повинен бути використаний разом з <img> елементом для визначення гіперпосилань у визначених областях зображення.

<img src='planets.jpg' usemap='#planetmap'><map name='planetmap'><area shape='rect' coords='0,0,82,126' href='sun.html' alt='Sun'></map>

Підтримується у всіх сучасних браузерах.

<map name='mapname'>...</map>

name	Вказує ім'я карти
id	Ідентифікатор елемента
class	Клас CSS
title	Текст спливаючої підказки
style	Стилі CSS
data-*	Власні даний
tabindex	Порядок фокусування елемента
aria-*	Атрибути доступності
shape	Форма області
coords	Координати області
href	URL-адреса посилання

Часті запитання

Q: Тег <map> в HTML - що це таке?

A: Тег <map> в HTML використовується для визначення областей на зображенні, які можна натискати для активації посилань.
Q: Як використовувати тег <map> в HTML?

A: Тег <map> використовується разом з тегом <img>, де визначаються області на зображенні, до яких відносяться посилання.
Q: Які атрибути використовуються з тегом <map> в HTML?

A: Головним атрибутом тега <map> є 'name', який ідентифікує мапу для подальшого посилання на неї.
Q: Де можна використовувати тег <map> в HTML?

A: Тег <map> можна використовувати на веб-сторінках для створення інтерактивних зображень з клікабельними областями.
Q: Як створити клікабельну область на зображенні за допомогою тегу <map> в HTML?

A: Для створення клікабельної області на зображенні потрібно визначити координати та форму області в межах тегу <map>.