<map>

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

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

Résumé technique

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`

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

Update compatibility data on GitHub

	Ordinateur						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Webview Android	Chrome pour Android	Firefox pour Android	Opera pour Android	Safari sur iOS	Samsung Internet
`map`	Chrome Support complet 1	Edge Support complet 12	Firefox Support complet 1 Notes Support complet 1 Notes Notes Before Firefox 5, in Quirks Mode, empty maps were no longer skipped over in favor of non-empty ones when matching. Notes 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.	IE Support complet Oui	Opera Support complet Oui	Safari Support complet 1	WebView Android Support complet 1	Chrome Android Support complet 18	Firefox Android Support complet 4	Opera Android Support complet Oui	Safari iOS Support complet Oui	Samsung Internet Android Support complet 1.0
`name`	Chrome Support complet 1	Edge Support complet 12	Firefox Support complet 1	IE Support complet Oui	Opera Support complet Oui	Safari Support complet 1	WebView Android Support complet 1	Chrome Android Support complet 18	Firefox Android Support complet 4	Opera Android Support complet Oui	Safari iOS Support complet Oui	Samsung Internet Android Support complet 1.0

Légende

Support complet: Support complet
Voir les notes d'implémentation.: Voir les notes d'implémentation.

Voir aussi

Dernière modification : Aug 19, 2019, par des contributeurs MDN