Attribut HTML <area> coords
Exemple
Utilisez l'attribut coords pour spécifier les coordonnées de chaque zone dans l'image cliquable :
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Définition et utilisation
L' coordsattribut spécifie les coordonnées d'une zone dans une image cliquable.
L' coordsattribut est utilisé avec l' shapeattribut pour spécifier la taille, la forme et l'emplacement d'une zone.
Astuce : Les coordonnées du coin supérieur gauche d'une zone sont 0,0.
Prise en charge du navigateur
| Attribute | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<area coords="value">
Valeurs d'attribut
| Value | Description |
|---|---|
| x1,y1,x2,y2 | Specifies the coordinates of the top-left and bottom-right corner of the rectangle (shape="rect") |
| x,y,radius | Specifies the coordinates of the circle center and the radius (shape="circle") |
| x1,y1,x2,y2,..,xn,yn | Specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon (shape="poly") |
❮ Balise HTML <zone>