Attributo shape di HTML <area>

Etichetta HTML <area>

Definizione e uso

shape stabilisce la forma della regione.

shape L'attributo Attributo coords Utilizzati insieme per determinare la dimensione, la forma e la posizione della regione.

Esempio

Utilizzare l'attributo shape per specificare la forma di ogni regione nella mappa dell'immagine:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.html" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.html" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.html" alt="Venus">
</map>

Prova personalmente

Sintassi

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

Valore dell'attributo

Valore Descrizione
default Stabilire l'intera area.
rect Definire l'area rettangolare.
circle Definire l'area circolare.
poly Definire l'area poligonale.

Spiegazione dettagliata:

shape L'attributo viene utilizzato per definire la forma della regione sensibile al mouse all'interno della mappa dell'immagine:

  • Circolare (circ o circle)
  • Poligono (poly o polygon)
  • Rettangolo (rect o rectangle)

shape Il valore dell'attributo influisce sull'interpretazione del browser dell'attributo coords. Se non viene utilizzato shape se non viene specificato l'attributo, viene presupposto l'uso del valore default. Secondo lo standard, default significa che l'area copre l'intera immagine. Nel caso pratico, i browser utilizzano di default un'area rettangolare e si aspettano di trovare 4 valori coords. Se non viene specificata la forma e non sono inclusi 4 valori di coordinate nell'etichetta, il browser ignorerà l'intera area.

riconoscibile shape I browser che possono fornire un'area che include tutti i punti caldi, in caso di clic al di fuori dell'intervallo definito da altri punti caldi. Poiché le aree utilizzano nell'etichetta <map> un ordine "prima arrivato, primo servito", tutte le aree predefinite devono essere collocate alla fine. Altrimenti, l'area predefinita coprirà tutte le altre aree che compaiono nelle immagini di mappatura.

I browser non hanno requisiti rigorosi per l'esecuzione dei nomi delle forme. Ad esempio, per il rettangolo, Netscape 4 non riconosce "rectangle", ma riconosce "rect". Per questo motivo, si consiglia di utilizzare i nomi abbreviati.

Supporto dei browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto

Etichetta HTML <area>