Tag HTML <area>

❮ Précédent Suivant ❯

Le tag <area> définit les domaines actives (les coordonnés, la forme, les dimensions etc.) des cartes-images, qui sont données avec le tag <map>. En cliquant sur le domaine active de l’image, il y a une certaine action, par exemple, une transition sur le page avec l’information détaillée.

Le tag <area> est toujours situé dans le tag. Les domaines actives peuvent superposer l’un à l’autre, dans ce cas, en cliquant il sera activé cieux domaine, qui est située plus haut dans le code HTML.

Syntaxe

Le tag <area> est apparié, le tag fermant est obligatoire.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <p>Cliquez sur le logo ou sur l'un des éléments de logo pour regarder le de plus prêt:</p>
    <img src="/uploads/media/news_gallery/0001/01/thumb_316_news_gallery_list.jpeg"  width="250" height="150" alt="block" usemap="#blockmap">
    <map name="blockmap">
      <area shape="circle" coords="50,32,25" alt="html" href="/uploads/media/book_gallery/0001/01/d450f0358f947dffb3af91195c3002600d74101b.png">
      <area shape="circle" coords="218,115,25" alt="css" href="/uploads/media/book_gallery/0001/01/25521e981b34da57c8f51baddc5b76351b855818.png">
      <area shape="circle" coords="195,32,28" alt="php" href="/uploads/media/book_gallery/0001/01/4bbee6698c4884f25c46010d61b658dd62d2c04f.png">
      <area class="homepage" shape="rect" coords="90,90,35,55" alt="php" href="https://www.w3docs.com/">
    </map>
  </body>
</html>

Essayez-vous-même!

Résultat

Attributs

Attribut	Signification	Description
alt	text	Indique le texte alternatif pour le domaine actif.
coords		Induique les coordonnées de le domaine actif.
	x1,y1,x2,y2	- L’angle supérieure, gauche et droit du rectangulaire. (shape="rect")
	x,y,радиус	- le centre des cercles et le rayon. (shape="circle")
	x1,y1,x2,y2,...,xn,yn	- les sommets des polygones (shape="poly")
download	filename	Indique, qu’en cliquant sur la certaine section, le fichier doit être chargé (on propose à l’utilisateur d’enregistrer le fichier).
href	URL	Indique le lien pour la transition.
hreflang	language_code	Définit la langue du fichier, que le lien ouvre. Il est utilisé uniquement avec l’attribut href.
media	media query	Définit pour quels types des appareils le URL spécifié sera optimisé. La valeur peut être n’importe quelle demande de média.
nohref	value	Définit le domaine, qui ne contient pas de liens sur autre document. N’est pas supporté dans HTML.
rel		Etablit un lien entre les documents actuels et les documents liés.
	alternate	- lien vers la version alternative du document
	author	- lien vers l’auteur du document.
	bookmark	- lien constant vers le document.
	help	- lien vers le document avec le renseignement.
	license	lien vers la page avec un contrat de licence ou un copyright.
	next	- lien vers la page/la section suivante.
	nofollow	- Indique, que le moteur de recherche ne doit pas transmettre le lien ТИЦ et PR.
	noreferrer	- Indique, que le navigateur ne doit pas envoyer HTTP-en-tête, si l’utilisateur a cliqué sur le lien.
	prefetch	- Indique, qu’on doit mettre en cache le document lié.
	prev	- lien vers la page/la section précédante.
	search	- lien pour faire la recherche pour le document.
	tag	- Définit le tag (label) dans le courant
shape		Définit la forme du domaine.
	default	- le domaine par défaut(réctangulaire)
	rect	- le domaine réctangulaire
	circle	- le domaine en forme de cercle.
	poly	- polygonale
target		Inique comment le document lié doit s’ouvrir. N’est pas supporté dans HTML5.
	_blank	- dans la nouvelle fenêtre.
	_self	- dans la fenêtre courante
	_top	- en pleine largeur de la fenêtre.
	_parent	-dans le cadre parentale.
	frame_name	- dans le cadre
type	media_type	Indique MIME-type (spécification pour la transmission sur le réseau des fichiers des différents types) du document lié.

Le tag <<area> supporte aussi les Attributs globaux et les Attributs d'événements.


✓	✓	✓	✓	✓

✓

Tag HTML <area>

Syntaxe

Exemple

Résultat

Attributs

Support de Navigateurs

Pratiquez vos connaissances