HTML <a> coordsAtributo
Etiqueta HTML <a>Ejemplo
El siguiente ejemplo usa los atributos shape y coords en el elemento <a> para crear un mapa de imagen:
<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">Sol</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">Mercurio</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">Sol</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">Mercurio</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Pruébelo »
Compatibilidad del navegador
Actualmente solo los navegadores Firefox y Opera soportan el atributo coords.
Definición y uso
HTML5 ya no soporta el atributo coords de la etiqueta <a>.
El atributo coords se usa normalmenteshapejunto con el atributo, y los dos atributos pueden especificar el tamaño, la forma y la posición de los enlaces en elementos <object> o <img>.
Las coordenadas de la esquina superior izquierda son 0,0.
Consejo:Para crear un mapa de imagen que funcione en todos los navegadores, use<area>el elemento.
Sintaxis
<a coords="value">
Valores de atributo
| Valor | Descripción |
|---|---|
| x1,y1,x2,y2 | Si el atributo shape está establecido en "rect", entonces este valor especifica las coordenadas de la esquina superior izquierda y la esquina inferior derecha del rectángulo. |
| x,y,radius | Si el atributo shape está establecido en "circ", entonces este valor especifica las coordenadas del centro y el radio del círculo. |
| x1,y1,x2,y2,..,xn,yn | Si el atributo shape está establecido en "poly", entonces este valor especifica las coordenadas de cada lado del polígono. Si la primera coordenada y la última no coinciden, para cerrar el polígono, el navegador debe añadir el último par de coordenadas. |
Otras extensiones