Esempio
Un'immagine-map, con aree cliccabili:
<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.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Prova tu stesso " Definizione e utilizzo
Il <map> tag viene utilizzato per definire una immagine-mappa sul lato client. Un'immagine-mappa è un'immagine con aree cliccabili.
L'attributo name richiesta del <map> elemento è associato con il <img>'s usemap attributi e crea una relazione tra l'immagine e la mappa.
Il <map> elemento contiene un certo numero di <area> elementi, che definisce le aree cliccabili nella mappa dell'immagine.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <map> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
Nota: in HTML5, se l' id attributo del <map> è specificato anche tag, deve avere lo stesso valore come il name dell'attributo.
Differenze tra HTML e XHTML
In XHTML, il name dell'attributo è obsoleto e verrà rimosso. Utilizzare l' attributo id globale , invece.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| name | mapname | Richiesto. Specifica il nome di un'immagine-map |
attributi globali
Il <map> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <map> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: Mappa Object
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <map> elemento con i seguenti valori di default:
map {
display: inline;
}