Атрибут 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.ruhttps://mfs.gki-webik.ru/s?path=/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>Читайте также
Тег <datalist>
Выпадающий список для тега input, который появляется при наведении курсора мыши на данный input ( на пк ) или при нажатии на стрелку рядом ( на мобиль...
Тег <template>
Контейнер для хранения HTML или CSS кода, который не будет отображается при загрузке страницы, но он нужен для работы с JavaScript....
Тег <track>
Позволяет авторам указать текстовую дорожку, обычно содержит субтитры, комментарии, заголовки и т.п....
Тег <kbd>
Используется для текста, в котором находятся названия клавиш клавиатуры или текста, который набирается на клавиатуре....