Exemple
Une image-carte, avec des zones cliquables:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<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>
Essayez - le vous - même » Définition et utilisation
Le coords attribut spécifie les coordonnées d'une zone dans une image-map.
Les coords attribut est utilisé conjointement avec la shape attribut pour spécifier la taille, la forme, et le placement d'une région.
Astuce: Les coordonnées du coin supérieur gauche d'une zone sont 0,0.
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Différences entre HTML 4.01 et HTML5
AUCUN.
Syntaxe
<area coords="value">
Attribut valeurs
| Valeur | La description |
|---|---|
| x1,y1,x2,y2 | Indique les coordonnées de la gauche, en haut, à droite, le coin inférieur du rectangle (pour la shape="rect" ) |
| x,y,radius | Indique les coordonnées du centre du cercle et le rayon (pour la shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | Détermine les coordonnées des bords du polygone. Si les première et dernière paires de coordonnées ne sont pas les mêmes, le navigateur va ajouter la dernière paire de coordonnées pour fermer le polygone (pour la shape="poly" ) |