Атрибут coords тега <a>

Описание

Атрибут coords используется внутри тега <a> в сочетании с shape для создания кликабельных областей в изображениях-картах (image maps). Он определяет координаты активной зоны ссылки внутри элемента <map>.

Прямоугольная область (shape="rect"):
<img src="image.png" usemap="#imagemap"> <map name="imagemap"> <a href="#link1" shape="rect" coords="10,10,100,100">Прямоугольник (x1,y1,x2,y2)</a> </map>
Круглая область (shape="circle"):
<img src="image.png" usemap="#imagemap"> <map name="imagemap"> <a href="#link2" shape="circle" coords="150,150,50">Круг (центрX,центрY,радиус)</a> </map>
Многоугольная область (shape="poly"):
<img src="image.png" usemap="#imagemap"> <map name="imagemap"> <a href="#link3" shape="poly" coords="200,10,250,50,200,90,150,50">Многоугольник (x1,y1,x2,y2,...)</a> </map>

Атрибут coords работает только в связке с <map> и usemap в изображении. Координаты отсчитываются от верхнего левого угла изображения (0,0) в пикселях.