Attribut usemapde l'élément HTML <img>
Exemple
Une carte image avec des zones cliquables :
<img src="planets.gif.html"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Soleil">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercure">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Vénus">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Soleil">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercure">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Vénus">
</map>
Essayez-le vous-même »
Prise en charge des navigateurs
![]()
![]()
![]()
![]()
![]()
Tous les principaux navigateurs prennent en charge l'attribut usemap.
Définition et utilisation
L'attribut usemap définit l'image comme une carte image côté client (une carte image désigne une image avec des zones cliquables).
L'attribut usemap est associé à l'attribut name ou id de l'élément<map>afin d'établir la relation entre <img> et <map>.
Remarque :L'attribut usemap n'est autorisé que lorsque l'élément <img> n'est pas un descendant d'un élément <a> ou <button>.
Différences entre HTML 4.01 et HTML5
Aucun.
Syntaxe
<img usemap="#mapname">
Valeurs d'attributs
| Valeur | Description |
|---|---|
| #mapname | Un caractère dièse ("#") plus le nom ou l'id de l'élément <map> à utiliser. |
Balise HTML <img> Autres extensions