Tag area HTML 5

Il tag <area> definisce una regione in una mappa di immagini

Esempio

<img src="menu.png" width="300" height="400" usemap="#myMenu" />
<map id ="myMenu" name="myMenu">
<area shape="rect" coords="0,0,300,100" href="1.htm" alt="1" />
<area shape="rect" coords="0,100,300,200" href="2.htm" alt="2" />
<area shape="rect" coords="0,200,300,300" href="3.htm" alt="3" />
<area shape="rect" coords="0,300,300,400" href="4.htm" alt="4" />
</map>

Attributi del tag area

Attributo	Descrizione
class	la classe CSS
id	identifica l’elemento
lang	la lingua
style	lo stile css da applicare
title	il titolo
alt	il testo alternativo (obbligatorio)
coords	Le coordinate dell'area cliccabile Cambiano in base alla scelta della forma (shape) shape="rect" ->coords="Xaltosinistra, Yaltosinistra, Xbassodestra, Ybassodestra" shape="circ" ->coords="Xcentro,Ycentro,raggio" shape="poly" ->coords="X1,Y1, X2, Y2,...,Xn,Yn"
href	l'url target dell'area
nohref	se impostato a false, esclude l'area dalla mappa
shape	La forma dell'areapuò assumere uno dei seguenti valori rect (rectangle) circ (circle) poly (polygon)
target	Dove verrà aperto il link Può assumere uno di questi valori: _blank _parent _self _top nomeframe (Valido solo per XHTML Frameset)

Eventi del tag area

• onfocus
• onblur
• onclick
• ondblclick
• onmousedown
• onmouseup
• onmouseover
• onmousemove
• onmouseout
• onkeypress
• onkeydown
• onkeyup