Etiqueta HTML &lt;a&gt; atributo coords

Definición

El atributo coords se utiliza en conjunto con el atributo shape para especifica el tamaño, forma y colocación de un enlace en una etiqueta <object> o <img>.

Las coordenadas de la esquina superior izquierda son 0,0.

Sugerencia: Para crear mapas de imagen que funcione en todos los navegadores se recomienda que se utilice la etiqueta <area>.

Algo importante es que este atributo usado en la etiqueta <a> ya no es soportado por HTML 5.

Los valores posibles

Valor	Descripción
x1, y1, x2, y2	Si el atributo `shape` se establece en "rect", se especifican las coordenadas de la esquina superior izquierda y la esquina inferior derecha del rectángulo
x, y, radio	Si el atributo `shape` se establece en "circle", se especifican las coordenadas del centro del círculo y el radio
x1, y1, x2, y2, .., xn, yn	Si el atributo `shape` se establece en "poly", se especifican las coordenadas de los bordes del polígono. Si la primer y ultima coordenada no son iguales, el navegador debe añadir el par de coordenadas última para cerrar el polígono

La Sintaxis

La forma de utilizar este atributo es muy sencillo y se haría de la siguiente forma:

<a coords="value">Mi Posición</a>

Ejemplo:

<object data="planetas.gif" alt="Planets" type="image/gif" usemap="#MapaPlanetas">
 <map name="MapaPlanetas">
  <a href="sun.htm" shape="rect" coords="0,0,82,126">El Sol</a>
  <a href="mercur.htm"shape="circle" coords="90,58,3">Mercurio</a>
  <a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
 </map>
</object>

<img src="planetas.gif" usemap="#MapaPlanetas"/>
<map name="MapaPlanetas">
 <a href="sun.htm" shape="rect" coords="0,0,82,126">El Sol</a>
 <a href="mercur.htm"shape="circle" coords="90,58,3">Mercurio</a>
 <a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>