La balise AREA est utilisée pour marquer une zone sensible sur une image :
Cette balise s'applique à l'intérieur du tag MAP et définie une zone
clickable sur une image.
Ses attributs spécifiques sont :
| - shape : |
la forme de la zone |
| - coords : |
les coordonnées de la zonne (le coin haut gauche de l'image a pour coordonnées 0,0) |
| - href : |
l'adresse à atteindre en cliquant sur l'image |
| - target : |
la fenêtre dans laquelle s'ouvre la cible |
La véritable utilisation de ce tag se fait par exemple sur un plan ou une carte contenant des
éléments importants sur lesquels il serait intuitif de cliquer.
Par exemple pour un plan de paris, le clic
sur le symbole M du Metro pour connaitre les détails de celui-ci.
Exemple :
<map name="MonImage">
<area shape="rect" coords="1,1,50,20" href="http://www.startyourdev.com" target="_blank"
title="DevStarter">
<area shape="rect" coords="50,1,100,20" href="http://www.google.fr" target="_blank" title="google">
</map>
<img src="../Images/EX_HTML_MAP.gif" width="100" height="20" usemap="#MonImage" border="0">
L'image est liée à une carte constituée de deux régions rectangulaires :
|
