La balise <area> est utilisée pour marquer une zone active sur une image.
Cette balise s'applique à l'intérieur du tag <map> et définie une zone cliquable sur une image.
L'image utilisée est déclarée de façon standard avec le tag <img>. Il faut associer à son attribut "usemap"
la valeur relative à l'attribut "name" de la balise map (précédée du caractère #). L'image sera alors rattachée à la balise map. Elle servira donc de support visuel aux liens
qui seront appliqués à travers les balises <area>.
Par exemple l'image suivante référencera la map déclarée derrière grâce à leurs attributs usemap d'une part et name d'autre part :
<img usemap="#ZoneDeLien" src=" ...
<map name="ZoneDeLien"> ...
Propriétés | Définition | Valeurs |
---|---|---|
alt | texte alternatif si l'image est indisponible | Texte |
coords | Coordonnées d'une zone de l'image | Valeurs |
href | URL du document cible ouvert lors du clic sur le la zone de l'image | URL |
nohref | Indique que la zone n'a pas d'URL associée | nohref |
shape | détermine la forme de la zone | default rect circle poly |
target | détermine dans quelle fenêtre s'ouvre le lien de la zone cliquée | _blank _parent _self _top |
Création de plusieurs zones "area" sur une image donnée :