: O Elemento MAP

Última atualização: 2026-09-12

<map>O Elemento MAP

Define um mapa de imagem no lado do cliente; elementos <area> filhos marcam regiões clicáveis, conectados via usemap de um <img>.

CategoriaLinks e Mídia
Modelo de ConteúdoConteúdo de fluxo
Pais PermitidosQualquer elemento que aceite conteúdo de fluxo
Tag de FechamentoSim — requer fechamento </map> tag
StatusPadrão

📝 Sintaxe

<map name="planet">
  <area shape="circle" coords="..." href="...">
</map>

⚙️ Atributos

Este elemento suporta os atributos globais mais os seguintes:

AtributoValorDescrição
nameMap name; an usemap references it as #name.

▶ Exemplo

Edite o código abaixo e veja o resultado em tempo real no playground:

🌐 Suporte de Navegadores

Navegador ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<map> v1 v12 v1 v1 v1
Suportado em todos os navegadores principais
Dica: map não mostra nada por si só; precisa de um <img usemap> e elementos <area> filhos.
Mais estudos de caso em breve — volte mais tarde.

📚 Tutoriais Relacionados

Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%