Атрибут coords
Описание
Атрибут coords применяется к ссылкам, которые располагаются внутри контейнера object. Совместно с атрибутом shape создаёт «горячую область», которая служит ссылкой. По своему действию похож на элемент area.
Синтаксис
<object usemap='#<идентификатор>'>
<map name='<идентификатор>'>
<a href='<адрес>' coords='<координаты>'>...</a>
</map>
</object>Значения:
Набор координат определяется формой «горячей области», которая задаётся атрибутом shape. Отсчёт координат обычно ведётся от левого верхнего угла объекта или изображения и указывается в пикселях.
Для прямоугольника (shape='rect') задаются четыре координаты — X1, Y1, X2, Y2, как показано на рис. 1.
Рис. 1. Координаты для прямоугольника.
Для окружности (shape='circle') задаются три координаты — координаты центра окружности (X, Y) и её радиус (R), как показано на рис. 2.
Рис. 2. Координаты для окружности
Для полигона (многоугольника) (shape='poly') последовательно указываются координаты каждой вершины (X1, Y1, X2, Y2, :), как показано на рис. 3.
Рис. 3. Координаты для полигона
По материалам webref.ru.
Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<object type='image/png' data='https://gki-webik.ru/files/images/regular/iconka.png' width='350' usemap='#link'>
<map name='link'>
<p>
<a href='https://gki-webik.ru' shape='rect' coords='299, 407, 650, 434'>Ссылка на сайт</a>
</p>
</map>
</object>
</body>
</html>Читайте также
Тег <input>. Атрибут type
Указывает, какого типа поле.
Тег <input>. Атрибут value
Устанавливает значение поля.
Тег <button>. Атрибут formnovalidate
Если установлена проверка, то атрибут ее отключает.
Тег <source>. Атрибут media
Определяет, для какого устройства должен воспроизводиться файл.
Тег <input>. Атрибут maxlength
Максимальное количество символов разрешённых в тексте.