Атрибут coords до HTML тега <area>

9 червня 2022 р.125

Зміст

Встановлює координати області, вона також називається «гаряча область». Така область може бути посиланням на файл або пов'язана з дією, що визначається скриптом.

Значення координат є набором чисел, розділених комами. Якщо дві області перекриваються між собою, пріоритет має та, яка визначена в коді HTML вище.

Синтаксис

<code data-language="html"><area coords="<координата 1>, <координата 2>, <координата 3>, ...">

Значення

Набір координат визначається формою «гарячої області», яка задається атрибутом shape. Відлік координат зазвичай ведеться від лівого верхнього кута зображення і вказується в пікселях.

Для прямокутника (shape="rect") визначається чотири координати — ; X₁, Y₁, X₂, Y₂, як показано на рис. 1.

Мал. 1

Для кола (shape="circle") визначається три координати — координати центру кола (X, Y) та її радіус (R), як показано на рис. 2.

Мал. 2

Мал. 2. Координати для кола

Для полігону (багатокутника) (shape="poly") послідовно вказуються координати кожної вершини (X₁, Y₁, X₂, Y₂, :), як показано на рис. 3.

Мал. 3. Координати для полігону

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>AREA, атрибут coords</title></head><body> <p><map name="worm"> <area coords="321, 245, 100" shape="circle" href="../wormik/knob.html" alt="Координати для черв'яка"></map></p> <p><img src="/images/bigworm.gif" usemap="#worm" width="623" height="511" alt="Черв'як"></p></body></html>

Браузери


1	12	1	3	1	1


1	1	6	1

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями. li>

Число вказує версію браузреа, з якої елемент підтримується.