Manuale di riferimento HTML

Completo elenco HTML

HTML: <area> attributo shape

L'attributo shape specifica la forma dell'area, l'attributo shape, insieme all'attributo coords, specifica le dimensioni, la forma e la posizione dell'area.

　HTML <area> etichetta

Esempio online

Immagine mappa con aree cliccabili:

Esempio

<!DOCTYPE html>
<html>
<title>HTML:<area> attributo shape - Manuale di base del sito web oldtoolbag.com</title>
<body>
<p>Clicca sul sole o su un altro pianeta per osservarlo da vicino:</p>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126" href="sun.html" alt="Sun">
　　<area shape="circle" coords="90,58,3" href="mercur.html" alt="Mercury">
　　<area shape="circle" coords="124,58,8" href="venus.html" alt="Venus">
</map>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano la proprietà shape

Definizione e uso

La proprietà shape specifica la forma dell'area.

Proprietà shape e coords Proprietà abbinata per specificare la dimensione, la forma e la posizione dell'area.

Differenze tra HTML 4.01 e HTML5

Nessuna.

Sintassi

<area shape="default|rect|circle|poly">

Valore dell'attributo

Valore	Descrizione
default	Definisce tutte le aree.
rect	Definisce un'area rettangolare.
circle	Definisce un cerchio.
poly	Definisce un'area poligonale.

　HTML <area> etichetta

HTML: <template> etichetta