English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento HTML

Completo di etichette HTML

HTML: attributo coords <area>

L'attributo coords specifica le coordinate x e y dell'area di mappa dell'immagine. L'attributo coords viene utilizzato insieme all'attributo shape per specificare la dimensione, la forma e la posizione dell'area. Suggerimento: Le coordinate dell'angolo in alto a sinistra dell'area dell'immagine sono 0,0

 HTML <area> etichetta

Esempio online

Immagine mappa con aree cliccabili:

<!DOCTYPE html>
<html>
<title>HTML:<area> attributo coords - Manuale di base del oldtoolbag.com</title>
<body>
<p>Clicca sul sole o su un 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>
Testa per vedere ›‹

Compatibilità del browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo coords.

Definizione e uso

L'attributo coords specifica le coordinate x e y dell'area di immagine della mappa.

L'attributo coords con  shape Utilizzare insieme gli attributi per specificare la dimensione, la forma e la posizione dell'area.

Suggerimento: Le coordinate dell'angolo superiore sinistro dell'immagine di area sono 0,0.

Differenze tra HTML 4.01 e HTML5

Non c'è.

Sintassi

<area coords="value">

Valore dell'attributo

ValoreDescrizione
x1,y1,x2,y2Se l'attributo shape è impostato su "rect", questo valore definisce le coordinate dell'angolo superiore sinistro e dell'angolo inferiore destro del rettangolo.
x,y,radiusSe l'attributo shape è impostato su "circ", questo valore definisce le coordinate del centro e il raggio del cerchio.
x1,y1,x2,y2,...,xn,ynSe l'attributo shape è impostato su "poly", questo valore definisce i valori dei vertici di ogni poligono. Se la prima e l'ultima coordinate non sono diverse, per chiudere il poligono, il browser deve aggiungere l'ultima coppia di coordinate.

 HTML <area> etichetta