L'élément HTML <map> est utilisé avec des éléments <area> afin de définir une image cliquable divisée en régions.

Catégories de contenu Contenu de flux, contenu phrasé, contenu tangible.
Contenu autorisé Tout élément dont le modèle de contenu est transparent.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément qui accepte du contenu phrasé.
Rôles ARIA autorisés Aucun.
Interface DOM HTMLMapElement

Attributs

Comme tous les autres éléments HTML, cet élément inclut les attributs universels.

name
Cet attribut fournit un nom afin que la carte cliquable puisse être référencée. Cet attribut est obligatoire et sa valeur doit être une chaîne de caractères non-vide qui ne contient pas de blancs. La valeur de cet attribut doit être unique pour tous les éléments <map> du document. Si l'attribut universel id est utilisé, name devra avoir la même valeur que celui-ci.

Exemples

Dans cet exemple, la partie gauche est un lien vers une page et la partie droite est inactive.

HTML

<map name="exemple-map-1">
  <area shape="rect" coords="0,0 200,200" href="https://developer.mozilla.org" target="_blank" />
  <area shape="default" />
</map>
<img usemap="#exemple-map-1" src="https://mdn.mozillademos.org/files/14546/map.png">

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<map>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<map>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<map>' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 (Oui)11 2 (Oui)11
name1 (Oui)1 (Oui)11
FonctionnalitéAndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple11 (Oui)1 (Oui) (Oui) (Oui)
name11 (Oui)1 (Oui) (Oui) (Oui)

1. Before Firefox 5, in Quirks Mode, empty maps were longer skipped over in favor of non-empty ones when matching.

2. Before Firefox 17, the default styling of the <map> HTML element was display: block;. This is now display: inline; and matches the behavior of the other browsers. It was already the case in Quirks Mode.

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, tregagnon
 Dernière mise à jour par : SphinxKnight,