HTML <map>Balise


Exemples

Carte image avec zones cliquables :

<img src="planets.gif.html" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Soleil">
  <area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercure">
  <area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Vénus">
</map>

Essayez-le vous-même »

Prise en charge des navigateurs

Internet Explorer Firefox Opera Google Chrome Safari

Actuellement, la plupart des navigateurs prennent en charge la balise <map>.


Définition de la balise et instructions d'utilisation

La balise <map> est utilisée pour les cartes image côté client. Une carte image désigne une image comportant des zones cliquables.

L'attribut usemap dans <img> peut référencer l'attribut id ou name dans <map> (selon le navigateur), donc nous devrions ajouter à la fois les attributs id et name à <map>.

L'élément area est toujours imbriqué dans l'élément map. L'élément area peut définir des zones dans la carte image.


Différences entre HTML 4.01 et HTML5

Remarque :En HTML5, si l'attribut id est spécifié dans la balise <map>, vous devez également spécifier l'attribut name.


Différences entre HTML et XHTML

En XHTML, l'attribut name est obsolète ; utilisez plutôt l'attribut id.


Attributes

Attribut Valeur Description
name mapname Obligatoire. Spécifie le nom pour l'image-map.


Attributs globaux

La balise <map> prend en charge les attributs globaux. Consultez le tableau complet des attributsAttributs globaux HTML。


Attributs d'événement

La balise <map> prend en charge tous lesAttributs d'événement HTML。

Autres extensions