Esempio
L'uso della shape e coords attributo in un <a> elemento, per creare un'immagine-map:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Prova tu stesso " Definizione e utilizzo
Il <a> coords attributo non è supportato in HTML5.
Le coords attributo viene utilizzato insieme alla shape di attributo per specificare la dimensione, la forma e il posizionamento di un collegamento in un <object> o <img> elemento.
Le coordinate del nell'angolo in alto a sinistra sono 0,0.
Suggerimento: per creare immagini-mappe che funziona in tutti i browser, utilizzare il <area> elemento!
Supporto per il browser
| Attributo | |||||
|---|---|---|---|---|---|
| coords | Non supportato | Non supportato | sì | Non supportato | sì |
Sintassi
<a coords="value">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| x1,y1,x2,y2 | Se la shape attributo è impostato su "rect" , specifica le coordinate nell'angolo in alto a sinistra e in basso a destra del rettangolo |
| x,y,radius | Se la shape attributo è impostato su "circle" , specifica le coordinate del centro del cerchio e il raggio |
| x1,y1,x2,y2,..,xn,yn | Se la shape attributo è impostato su "poly" , specifica le coordinate dei bordi del poligono. Se le prime e ultime coppie di coordinate non sono gli stessi, il browser deve aggiungere l'ultima coppia di coordinate per chiudere il poligono |