Il tag HTML <area>

Descrizione

Il tag HTML <area> serve a definire un area in un mappa di 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>

Produrrà il seguente risultato:

Attributi Globali

Questo tag supporta tutti gli attributi globali descritti in - HTML - Referenze Attributi

Attributi Specifici

The HTML <area> supporta anche i seguenti attributi aggiuntivi:

Attributo	Valore	Descrizione
alt	text	Indica un testo alternativo per l' areaa.
coords	se shape="rect" allora coords="left,top,right,bottom" se shape="circ" allora coords="centerx,centery,radius" se shape="poly" allora coords="x1,y1,x2,y2,..,xn,yn"	Specifica le coordinate in relazione all' attributo shape per definire una regione nell'immagine mappa.
download	filename	Specifica cosa dovrà essere scaricato quando verrà clickata l'area.
href	URL	Specifica l'URL di una pagina o il nome dell'ancora a cui si fa riferimento.
hreflang	language_code	Specifica la lingua dell'URL di destinazione.
media	media query	Specifica per quale media / dispositivo è ottimizzato l'URL di destinazione.
nohref	true/false	Esclude un'area dalla mappa immagine
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	Specifica la relazione tra il documento corrente e l'URL di destinazione
shape	rect rectangle circ circle poly polygon	Specifica la forma della mappa immagine
target	_blank _parent _self _top	Indica dove aprire l' URL di riferimento. _blank - l' URL viene aperto in una nuova finestra _self - l' URL di riferimento viene aperto nella stessa pagina _parent - l' URL di riferimento viene aperto in una nuova pagina _top - l' URL di riferimento viene aperto nella stessa finestra (a pieno schermo)
type	mime_type	Specifica il MIME (Multipurpose Internet Mail Extensions) dell' URL di riferimento.

Attributi Evento

Questo tag supporta tutti gli attributi evento descritti in - HTML - Referenze Eventi

Compatibilità Browser

Chrome	Firefox	IE	Opera	Safari	Android
Si	Si	Si	Si	Si	Si

html_tags_reference.htm