Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

<map>

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
WHATWG HTML Living Standard
The definition of '<map>' in that specification.
Living Standard  
HTML5
The definition of '<map>' in that specification.
Recommendation  
HTML 4.01 Specification
The definition of '<map>' in that specification.
Recommendation  

Compatibilidade do navegador

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,