Exemple
L' utilisation de la shape et coords attribut dans un <a> élément, pour créer une image-map:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Essayez - le vous - même » Définition et utilisation
Le <a> coords attribut est pas pris en charge HTML5.
Les coords attribut est utilisé conjointement avec la shape attribut pour spécifier la taille, la forme et le placement d'un lien dans un <object> ou <img> élément.
Les coordonnées du coin supérieur gauche sont 0,0.
Astuce: Pour créer cartes-images qui fonctionne dans tous les navigateurs, utilisez le <area> élément!
support du navigateur
| Attribut | |||||
|---|---|---|---|---|---|
| coords | Non supporté | Non supporté | Oui | Non supporté | Oui |
Syntaxe
<a coords="value">
Attribut valeurs
| Valeur | La description |
|---|---|
| x1,y1,x2,y2 | Si la shape attribut est réglé sur "rect" , il précise les coordonnées du coin supérieur gauche et le coin inférieur droit du rectangle |
| x,y,radius | Si la shape attribut est défini sur "circle" , il précise les coordonnées du centre du cercle et le rayon |
| x1,y1,x2,y2,..,xn,yn | Si la shape attribut est défini sur "poly" , il indique les coordonnées des arêtes du polygone. Si les première et dernière paires de coordonnées ne sont pas les mêmes, le navigateur doit ajouter la dernière paire de coordonnées pour fermer le polygone |