Exemplo
Uma imagem-mapa, com áreas clicáveis:
<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 você mesmo " Definição e Uso
O <map> tag é usada para definir uma imagem em mapa do lado do cliente. Uma imagem-map é uma imagem com áreas clicáveis.
O atributo nome desejado do <map> elemento está associado com o <img>'s usemap atributo e cria uma relação entre a imagem eo mapa.
O <map> elemento contém uma série de <area> elementos, que define as áreas clicáveis no mapa de imagem.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <map> | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
Nota: Em HTML5, se o id atributo do <map> tag também é especificado, ele deve ter o mesmo valor como o name atributo.
Diferenças entre HTML e XHTML
Em XHTML, o name atributo é preterido e será removido. Use o atributo global id vez.
Atributos
| Atributo | Valor | Descrição |
|---|---|---|
| name | mapname | Requeridos. Especifica o nome de uma imagem-map |
Atributos globais
O <map> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <map> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Objeto Mapa
Configurações CSS padrão
A maioria dos navegadores irá exibir o <map> elemento com os seguintes valores padrão:
map {
display: inline;
}