Attribut coordsde <a> HTML
Exemples
L'exemple suivant utilise les attributs shape et coords dans l'élément <a> pour créer une carte image :
<object data="planets.gif" alt="Planètes" type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">Soleil</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">Mercure</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">Vénus</a>
</map>
</object>
<map name="Map1">
<a href="sun.htm.html" shape="rect" coords="0,0,82,126">Soleil</a>
<a href="mercur.htm.html"shape="circle" coords="90,58,3">Mercure</a>
<a href="venus.htm.html" shape="circle" coords="124,58,8">Vénus</a>
</map>
</object>
Essayez-le vous-même »
Prise en charge des navigateurs
![]()
![]()
![]()
![]()
![]()
Actuellement, seuls les navigateurs Firefox et Opera prennent en charge l'attribut coords.
Définition et utilisation
HTML5 ne prend plus en charge l'attribut coords de la balise <a>.
L'attribut coords est généralement utilisé avec l'attributshape; les deux attributs peuvent spécifier la taille, la forme et la position du lien dans un élément <object> ou <img>.
Les coordonnées du coin supérieur gauche sont 0,0.
Astuce :Pour créer une carte image qui fonctionne dans tous les navigateurs, utilisez l'élément<area>.
Syntaxe
<a coords="value">
Valeurs d'attributs
| Valeur | Description |
|---|---|
| x1,y1,x2,y2 | Si l'attribut shape est défini sur "rect", cette valeur spécifie les coordonnées des coins supérieur gauche et inférieur droit du rectangle. |
| x,y,radius | Si l'attribut shape est défini sur "circ", cette valeur spécifie les coordonnées du centre du cercle et son rayon. |
| x1,y1,x2,y2,..,xn,yn | Si l'attribut shape est défini sur "poly", cette valeur spécifie les coordonnées de chaque côté du polygone. Si la première coordonnée et la dernière coordonnée ne correspondent pas, le navigateur doit ajouter la dernière paire de coordonnées pour fermer le polygone. |
Autres extensions
Balise HTML <a>