<area> - HTML елемент області

HTML-елемент <area> визначає інтерактивну область на карті зображення. Він завжди використовується всередині елемента <map>.

Елемент <area> визначає область на карті зображення (елемент <map>). Ця область може бути гіперпосиланням. Якщо елемент <area> має атрибут href, він є інтерактивним; в іншому випадку область неактивна.

Згідно зі специфікацією, якщо атрибут href присутній, атрибут alt є обов'язковим для забезпечення доступності.

HTML
<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html" alt="Ліва частина">
  <area shape="circle" coords="225,75,75" href="right.html" alt="Права частина">
</map>

Атрибути

Цей тег може мати глобальні атрибути.

alt

Надає текстовий опис області. Специфікація вимагає наявності цього атрибута, якщо вказано href, щоб забезпечити доступність для користувачів, які не можуть бачити зображення.

coords

Визначає координати області. Значення залежить від атрибута shape:

  • Для rect: x1,y1,x2,y2 — координати верхнього лівого та нижнього правого кутів.
  • Для circle: x,y,radius — координати центру та радіус.
  • Для poly: x1,y1,x2,y2,...,xn,yn — координати вершин багатокутника.
download

Булевий атрибут, який вказує, що браузер повинен завантажити ресурс за посиланням, а не переходити до нього. Ім’я файлу можна вказати як значення атрибута: download="filename.ext".

href

URL-адреса гіперпосилання. Якщо цей атрибут відсутній, область не є інтерактивною.

hreflang

Вказує мову ресурсу за посиланням у форматі BCP 47. Використовується лише за наявності атрибута href.

ping

Список URL-адрес, розділених пробілами, на які браузер надсилатиме POST-запити (пінги), коли користувач переходить за гіперпосиланням. Зазвичай використовується для відстеження.

referrerpolicy

Визначає, яку інформацію про реферера (сторінку, з якої прийшов користувач) надсилати під час переходу за посиланням.

rel

Описує відношення між поточним документом та ресурсом за посиланням. Значення — це список ключових слів, розділених пробілами. Використовується лише за наявності атрибута href.

shape

Визначає форму області. Можливі значення: rect (прямокутник), circle (коло), poly (багатокутник) та default (вся область зображення).

target

Визначає контекст перегляду для відкриття посилання (наприклад, _self, _blank, _parent, _top).

type

Вказує MIME-тип ресурсу за посиланням. Використовується лише за наявності атрибута href.

Технічне резюме

Категорія контенту

Якщо елемент є нащадком елемента <map>: потоковий контент та фразовий контент.

Дозволений вміст

Ніякий.

Пропуск тегів

Початковий тег обов’язковий, а закриваючий тег має бути відсутнім.

Дозволений батьківський елемент

Елемент <map>, або будь-який елемент, що приймає фразовий контент, якщо він є нащадком <map>.

Роль ARIA за замовчуванням

link, якщо має атрибут href, інакше generic.

Дозволені ARIA ролі

Ніякі.

DOM інтерфейсHTMLAreaElement

Підтримка браузерів

<area>
alt
attributionsrc
coords
download
href
implicit_noopener
interestfor
nohref
ping
referrerpolicy
rel
shape
target

Останнє оновлення: