HTML - Balise <area>

La description

La balise HTML <area> est utilisée pour définir une zone dans une carte image.

Exemple

<!DOCTYPE html>
<html>

   <head>
      <title>HTML area Tag</title>
   </head>

   <body>
      <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
      
      <map name = "tutorials">
         <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
            href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
         
         <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
            href = "/html/index.htm" target = "_blank" />
         
         <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
            href = "/php/index.htm" target = "_blank" />
      </map>
   </body>

</html>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans Référence des attributs HTML

Attributs spécifiques

La balise HTML <area> prend également en charge les attributs supplémentaires suivants -

Attribut	Valeur	La description
alt	texte	Spécifie un autre texte pour la zone.
coords	if shape = "rect" then coords = "left, top, right, bottom" if shape = "circ" then coords = "centerx, centery, radius" si forme = "poly" alors coords = "x1, y1, x2, y2, .., xn, yn"	Spécifie les coordonnées appropriées à l'attribut de forme pour définir une région d'une image pour les images cartographiques.
Télécharger	nom de fichier	Spécifie que la cible est téléchargée lorsque l'utilisateur clique sur le lien hypertexte.
href	URL	Spécifie l'URL d'une page ou le nom de l'ancre vers laquelle le lien va.
hreflang	language_code	Spécifie la langue de l'URL cible.
médias	requête média	Spécifie le média / périphérique pour lequel l'URL cible est optimisée.
nohref	vrai faux	Exclut une zone de la carte image
rel	autre auteur signet aide licence suivante nofollow noreferrer prélecture prev recherche tag	Spécifie la relation entre le document actuel et l'URL cible
forme	rect rectangle circ cercle poly polygone	Spécifie la forme de la carte d'image
cible	_blank _parent _self _top	Où ouvrir l'URL cible. _blank - l'URL cible s'ouvrira dans une nouvelle fenêtre _self - l'URL cible s'ouvrira dans le même cadre où elle a été cliquée _parent - l'URL cible s'ouvrira dans le jeu de cadres parent _top - l'URL cible s'ouvrira dans tout le corps de la fenêtre
type	type_mime	Spécifie le type MIME (Multipurpose Internet Mail Extensions) de l'URL cible.

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans HTML Events Reference

Prise en charge du navigateur

Chrome	Firefox	C'EST À DIRE	Opéra	Safari	Android
Oui	Oui	Oui	Oui	Oui	Oui

↰ Previous page