Attribut coordsde la balise HTML <area>
Balise HTML <area>Exemples
Une carte image avec des zones cliquables :
<img src ="planets.gif" width="145" height="126" alt="Planètes"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Soleil">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercure">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Vénus">
</map>
Essayez-le vous-même »
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge l'attribut coords.
Définition et utilisation
L'attribut coords spécifie les coordonnées x et y d'une zone.
L'attribut coords, avec l'attributshape, est utilisé pour spécifier la taille, la forme et la position d'une zone.
Astuce :Les coordonnées du coin supérieur gauche d'une image sont "0,0".
Différences entre HTML 4.01 et HTML5
AUCUNE.
Syntaxe
<area coords="valeur">
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 le 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 sommet du polygone. Si les première et dernière coordonnées ne sont pas identiques, le navigateur doit ajouter la dernière paire de coordonnées pour fermer le polygone. |
Autres extensions