<map>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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

Exemple interactif

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

HTML

html
<map name="primary">
  <area shape="circle" coords="75,75,75" href="left.html" />
  <area shape="circle" coords="275,75,75" href="right.html" />
</map>
<img
  usemap="#primary"
  src="https://via.placeholder.com/350x150"
  alt="350 x 150 pic" />

Résultat

Résultat attendu

L'exemple précédent devrait faire apparaître des images semblables (en utilisant la touche tab de votre clavier) :

Pour le lien left.html :

Pour le lien right.html :

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

Specification
HTML Standard
# the-map-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi