Атрибут coords используется совместно с атрибутом shape для определения размера, формы и расположения ссылки в элементах <object> или <img>.
Координаты верхнего левого угла - 0,0.
Чтобы создать карту изображений, которая будет работать во всех браузерах, используйте элемент <area>!
Атрибут coords для тега <a> не поддерживается в HTML5.
Синтаксис атрибута
<a coords="значение">
Значения атрибута
| Значение | Описание |
|---|---|
| x1,y1,x2,y2 | Если атрибут shape имеет значение "rect", то данное значение определяет координаты верхнего левого и нижнего правого углов прямоугольника |
| x,y,радиус | Если атрибут shape имеет значение "circle", то данное значение определяет координаты центра окружности и ее радиус |
| x1,y1,x2,y2,...,xn,yn | Если атрибут shape имеет значение "poly", то данное значение определяет координаты краев многоугольника. Если первые и последние координатные пары не одинаковы, то браузер будет добавлять последнюю координатную пару, чтобы закрыть многоугольник |
Пример использования атрибута
Используем атрибуты shape и coords с тегом <a>, чтобы создать карту изображений:
<object data="planets.gif" alt="Планеты" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="//msiter.ru/sun.htm" shape="rect" coords="0,0,82,126">Солнце</a>
<a href="//msiter.ru/mercur.htm" shape="circle" coords="90,58,3">Меркурий</a>
<a href="//msiter.ru/venus.htm" shape="circle" coords="124,58,8">Венера</a>
</map>
</object>
