Le langage HTML Balise <MAP>

Balise <map> Image carte

La balise <map> est employée pour définir un imagemap de côté client. Un imagemap est une image avec des secteurs clickable.

Balise <map> : Carte

Balise de fermeture obligatoire
La balise map est utilisée pour définir différentes régions cliquables sur une image donnée. Les éléments map et img sont liés par l'attribut name="MonImage" pour le tag map et par l'attribut usemap="#MonImage" pour le tag img.

La balise <map> regroupe les différentes zones réactives d'une même image. Elle regroupe donc les balises <area >.
La balise <map> possède obligatoirement un identifiant (attribut id).
L'attibut name permet de faire réference à l'image sur laquelle on veut intégrée un ou plusieurs zones réactives.
A noter que la valeur de l'attribut id doit être identique à celle de l'attribut name.
Les différentes zones cliquables sont définies par les balises area qui déterminent la taille et la forme de ces zones.
Exemple :

Exemple :     📋 Copier le code

    
<img src="/image/w3c.gif" alt="Le logo du W3C" usemap="#logo_w3c">

<map name="logo_w3c" id="maMap">

<area shape="rect" coords="0,0,31,31" href="http://www.w3c.org" alt="la partie gauche du logo du w3c">

</map>

Ses attributs

La colone DTD dan l tablau suivant indique dans quel HTML 4.01/XHTML 1,0 DTD l'attribut est autorisé:
S=Strict, T=Transitional, and F=Frameset.

Les attributs obligatoires

      Vous êtes ici:Balise MAP         Retour à la liste des balises