HTML <img> usemap Attribut

❮ HTML <img> tag

Exemple

Une carte d'image avec des zones cliquables :

<img src="workplace.jpg" alt="Lieu de travail" usemap="#workmap" width="400" height="379">

<map name="workmap">
<area shape="rect" coords="34,44,270,350" alt="Ordinateur" href="computer.htm">
<area shape="rect" coords="290,172,333,250" alt="Téléphone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Tasse de café" href="coffee.htm">
</map>
Essayez-le vous-même »

Définition et Utilisation

L'attribut usemap spécifie une image comme une carte d'image côté client (une carte d'image est une image avec des zones cliquables).

L'attribut usemap est associé à l'attribut name d'un élément <map> , et crée une relation entre le <img> et le <map> .

Remarque : L'attribut usemap ne peut pas être utilisé si l'élément <img> est un descendant d'un élément <a> ou <button> .


Support des Navigateurs

Attribut
usemap Oui Oui Oui Oui Oui

Syntaxe

<img usemap=" #mapname ">

Valeurs des Attributs

Valeur Description
#mapname Un caractère dièse ("#") suivi du nom de l'élément <map> à utiliser

❮ HTML <img> tag