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
La <map> balise est utilisée pour définir une image map côté client. Une image-carte est une image avec des zones cliquables.
Le nom attribut obligatoire du <map> élément est associé avec le <img>'s usemap attribut et crée une relation entre l'image et la carte.
Le <map> élément contient un certain nombre de <area> éléments, qui définit les zones cliquables sur le plan de l' image.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <map> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
Remarque: En HTML5, si l' id attribut de la <map> tag est également spécifié, il doit avoir la même valeur que le name attribut.
Différences entre HTML et XHTML
En XHTML, le name de l' attribut est obsolète, et sera supprimée. Utilisez l' attribut global id place.
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| name | mapname | Obligatoire. Indique le nom d'une image-carte |
Attributs globaux
La <map> tag soutient également le attributs globaux en HTML .
Attributs de l'événement
La <map> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: Carte Object
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <map> élément avec les valeurs par défaut suivantes:
map {
display: inline;
}