Latest web development tutorials

tag HTML <map>

Exemplos

Com mapa de imagem clicável área:

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

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

A maioria dos navegadores suportam tag <map>.


definições e instruções tag

<Mapa> tag para mapas de imagem do lado do cliente. Imagem refere-se a um mapeamento de imagem com áreas clicáveis.

<Img> atributos pode ser referenciado em usemap <map> O id ou atributo de nome (dependendo do browser), de modo que devemos ao mesmo tempo para <map> adicionar id e atributo de nome.

elemento de área é sempre aninhado no elemento mapa. elementos de área definir a imagem da área do mapa.


Diferenças entre HTML 4.01 e HTML5

Nota: Em HTML5, se o atributo id é especificado na tag <map>, então você também deve especificar o atributo nome.


As diferenças entre HTML e XHTML

Em XHTML, o atributo nome é obsoleta, use o atributo id para substituí-lo.


propriedade

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


Propriedades globais

<Map> tag suporta os atributos globais, ver completar a folha de propriedades HTML Atributos globais .


Propriedades de evento

<Map> marca suporta todos os atributos de eventos HTML .