HTML - Tag <area>

Descrizione

Il tag HTML <area> viene utilizzato per definire un'area in una mappa immagine.

Esempio

<!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>

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in HTML Attribute Reference

Attributi specifici

Il tag HTML <area> supporta anche i seguenti attributi aggiuntivi:

Attributo	Valore	Descrizione
alt	testo	Specifica un testo alternativo per l'area.
coords	se shape = "rect" allora coords = "left, top, right, bottom" se shape = "circ" allora coords = "centerx, centery, radius" se forma = "poly" allora coords = "x1, y1, x2, y2, .., xn, yn"	Specifica le coordinate appropriate all'attributo shape per definire una regione di un'immagine per le mappe immagine.
Scarica	nome del file	Specifica che la destinazione viene scaricata quando l'utente fa clic sul collegamento ipertestuale.
href	URL	Specifica l'URL di una pagina o il nome dell'ancora a cui va il collegamento.
hreflang	language_code	Specifica la lingua dell'URL di destinazione.
media	media query	Specifica il supporto / dispositivo per cui è ottimizzato l'URL di destinazione.
nohref	vero falso	Esclude un'area dalla mappa immagine
rel	si alternano autore segnalibro aiuto di licenza prossimo nofollow noreferrer prefetch prev Ricerca tag	Specifica la relazione tra il documento corrente e l'URL di destinazione
forma	rect rectangle circ circle poly polygon	Specifica la forma della mappa immagine
bersaglio	_blank _parent _self _top	Dove aprire l'URL di destinazione. _blank: l'URL di destinazione si aprirà in una nuova finestra _self: l'URL di destinazione si aprirà nello stesso frame in cui è stato cliccato _parent: l'URL di destinazione si aprirà nel frameset principale _top: l'URL di destinazione si aprirà nel corpo completo della finestra
genere	mime_type	Specifica il tipo MIME (Multipurpose Internet Mail Extensions) dell'URL di destinazione.

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in HTML Events Reference

Supporto browser

Cromo	Firefox	IE	musica lirica	Safari	Android
sì	sì	sì	sì	sì	sì

↰ Previous page