Атрибут coords
Синтаксис
<area coords="...">
Описание
Атрибут coords (от англ. coords — координаты) содержит координаты соответствующего атрибута формы.
Используется в теге <area>.
Точкой отсчёта координат является левый верхний угол области (0,0).
Внимание!
Атрибут coords используется вместе с атрибутом shape для указания размера, формы и размещения области.
| Ключевое слово | Описание |
|---|---|
| x1,y1,x2,y2 | Для прямоугольника (shape="rect") определяется четыре координаты — координаты левого верхнего и правого нижнего углов |
| x,y,R | Для окружности (shape="circle") определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R) |
| x1,y1,x2,y2,..,xn,yn | Для полигона (многоугольника) (shape="poly") последовательно указываются координаты каждой вершины |
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Атрибут coords</title>
</head>
<body>
<img src="figures.png" usemap="#figures">
<map name="figures">
<area shape="rect" coords="25,25,125,125" href="https://ru.wikipedia.org/wiki/Квадрат" target="_blank" alt="красный квадрат">
<area shape="circle" coords="200,75,50" href="https://ru.wikipedia.org/wiki/Круг" target="_blank" alt="зеленый круг">
<area shape="poly" coords="325,25,262,125,388,125" href="https://ru.wikipedia.org/wiki/Треугольник" target="_blank" alt=" синий треугольник">
<area shape="poly" coords="450,25,435,60,400,75,435,90,450,125,465,90,500,75,465,60" href="https://ru.wikipedia.org/wiki/Звезда_(геометрия)" target="_blank" alt="желтая звезда">
</map>
</body>
</html>
Отображение в браузере:
Поддержка браузера
|
Атрибут |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| coords | Да | Да | Да | Да | Да |
