Атрибут coords HTML тега a

Атрибут 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>