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

Атрибут coords используется совместно с атрибутом shape для определения размера, формы и расположения области ссылки.

Координаты верхнего левого угла - 0,0.

Синтаксис атрибута

<area coords="значение">

Значения атрибута

Значение Описание
x1,y1,x2,y2 Если атрибут shape имеет значение "rect", то данное значение определяет координаты верхнего левого и нижнего правого углов прямоугольника
x,y,радиус Если атрибут shape имеет значение "circle", то данное значение определяет координаты центра окружности и ее радиус
x1,y1,x2,y2,...,xn,yn Если атрибут shape имеет значение "poly", то данное значение определяет координаты краев многоугольника. Если первые и последние координатные пары не одинаковы, то браузер будет добавлять последнюю координатную пару, чтобы закрыть многоугольник

Пример использования атрибута

Карта-изображение с участками-ссылками:


<img src="//msiter.ru/planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
   <area shape="rect" coords="0,0,82,126" href="//msiter.ru/sun.htm" alt="Sun">
   <area shape="circle" coords="90,58,3" href="//msiter.ru/mercur.htm" alt="Mercury">
   <area shape="circle" coords="124,58,8" href="//msiter.ru/venus.htm" alt="Venus">
</map>