Manual de Referência HTML

大全 de Tags HTML

HTML: <map> tag

A tag <map> do HTML é usada para definir um mapa de imagem com áreas clicáveis (ou pontos quentes). Dentro da tag <map>, você pode usar a tag <area> para criar áreas clicáveis, e cada área clicável pode ter um link associado. Este rótulo é também conhecido como elemento <area>.

Exemplo online

Mapa de imagem com áreas clicáveis:

Exemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Website(oldtoolbag.com)</title>　
</head>
<body>
<img src="planets.gif" width="145" height="126" alt="Planetas" usemap="#planetmap">
　
<map name="planetmap">
　　<area shape="rect" coords="0,0,82,126" alt="Sol" href="sun.html">
　　<area shape="circle" coords="90,58,3" alt="Mercurio" href="mercur.html">
　　<area shape="circle" coords="124,58,8"alt="Venus" href="venus.html">
</map>
</body>
</html>

Teste e veja ‹/›

Navegador compatível

IEFirefoxOperaChromeSafari

Atualmente, a maioria dos navegadores suporta o tag <map>.

Definição e instruções de uso do tag

O tag <map> é usado para mapeamento de imagens no cliente. O mapeamento de imagem é uma imagem com áreas clicáveis.

A propriedade usemap do tag <img> deve ser idêntica ao atributo name do tag <map> para estabelecer uma relação entre esses dois elementos.

O elemento area sempre está aninhado dentro do elemento map. O elemento area pode definir uma área na imagem de mapeamento.

HTML 4.01 com HTML5as diferenças

Atenção: No HTML5 No, se o atributo id for especificado no tag <map>, você também deve especificar o atributo name.

Diferenças entre HTML e XHTML

No XHTML, o atributo name foi descontinuado, use o atributo id para substituí-lo.

Atributo

Atributo	Valor	Descrição
name	mapname	Obrigatório. Para image-O nome definido pelo map.

Atributos globais

O tag <map> suporta atributos globais, consulte a tabela de atributos completa Atributos globais HTML.

os atributos de eventos

O tag <map> suporta todos Atributos de eventos HTML.

HTML: <main> tag HTML: <link> tag