Resumo

O elemento HTML <map> é usado com os elementos <area> para definir um mapa de imagem (a área clicável do link).

Atributos

Este elemento inclui os atributos globais.

name
O atributo name dá ao mapa de um nome, de modo que ela possa ser referenciada. O atributo deve estar presente e ter um valor não vazio, sem caracteres de espaço. O valor do atributo name não deve corresponder (independente da caixa) a um valor do atributo name de outro elemento no mesmo documento. Se o id de atributo também for especificado, ambos os atributos devem ter o mesmo valor.

Exemplos

<map>
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" />
</map>

Especificações

Especificação Estado Comentário
HTML Living Standard
The definition of '<map>' in that specification.
Padrão em tempo real  
HTML5
The definition of '<map>' in that specification.
Recomendação  
HTML 4.01 Specification
The definition of '<map>' in that specification.
Recomendação  

Compatibilidade do navegador

Estamos convertendo nossos dados de compatibilidade para o formato JSON. Esta tabela de compatibilidade ainda usa o formato antigo, pois ainda não convertemos os dados que ela contém. Descubra como você pode ajudar!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 1.0 1.0 (1.7 or earlier) [1] [2] (Yes) 1.0 1.0
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico 1.0 1.0 (1) [1] [2] (Yes) 1.0 1.0

Notas Gecko

[1] A partir do Gecko 5.0 (Firefox 5.0 / Thunderbird 5.0 / SeaMonkey 2.2), mapas vazios já não são ignorados para favorecer outros preenchidos quando há correspondência no modo quirk. Por exemplo, consideremos o seguinte HTML:

<map></ map>
<map>
  <area shape="rect" coords="25,25,75,75" href="#fail">
</map>
<img usemap="#a" src="image.png">

[2] Antes do Gecko 5.0, o elemento <img> devia corresponder ao segundo mapa preenchido. Agora correspode apenas ao primeiro, mesmo que ele esteja vazio.

[3] A partir do Firefox 17 o estilo padrão do elemento HTML <map> é display: inline; e não mais display: block; . Isso coincide com o comportamento dos outros navegadores e já foi resolvido no modo quirk.

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: marcelobonatto, teoli, Haroldohc
Última atualização por: marcelobonatto,