Balise MAP
Rôle
La balise <map> est utilisée pour définir une carte d’image et créer avec la balise descendante area une zone cliquable sur l’image. La balise <area > qu’elle contiendra se comportera donc comme un lien internet.
Testez vous-même cette balise
Utilisez Codepen. La source de l’image est fournit par le site lorempixel.com
Remarque : pour relier la carte à l’image, on utilise l’attribut usemap de la balise <img>
Voici le resultat
Dans cette exemple, cliquer sur le chat du milieu pour vous diriger vers le site http://www.ohmycat.fr/
Compatibilité
La balise <map> est pris en charge par tous les principaux navigateurs.
Note : pour assurer la compatibilité, utiliser à la fois l’attribut id et l’attribut name, comme dans l’exemple visuel ci-dessus.
Attributs spécifiques
La balise <map> prend en charge les attributs globaux.
Voir les autres balises d’intégration
area– audio– canvas– embed– figcaption– figure– iframe– img– object– param– source – track– video