Latest web development tutorials

HTML <map> tag

Esempi

Con area mappa immagine cliccabile:

<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 »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La maggior parte dei browser supportano <map> tag.


le definizioni e le istruzioni tag

<Mappa> tag per le mappe immagine sul lato client. Immagine si riferisce a una mappatura delle immagini con aree cliccabili.

<Img> attributi possono essere riferimento in usemap <map> L'ID o il nome dell'attributo (a seconda del browser), quindi dovremmo allo stesso tempo di <map> aggiungi id e name.

elemento di zona è sempre annidato all'interno dell'elemento mappa. Elementi zona definiscono l'area mappa immagine.


Le differenze tra HTML 4.01 e HTML5

Nota: in HTML5, se l'attributo id è specificato nel <map> tag, quindi è necessario specificare anche l'attributo nome.


Le differenze tra HTML e XHTML

In XHTML, attributo name è deprecato, utilizzare l'attributo id per sostituirlo.


proprietà

属性 描述
name mapname 必需。为 image-map 规定的名称。


Proprietà globali

<Map> tag supporta gli attributi globali, visione completa la finestra delle proprietà attributi HTML globale .


Proprietà evento

<Map> tag supporta tutti gli attributi di evento HTML .