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 usemap atributo especifica uma imagem como uma imagem-map do lado do cliente (uma imagem de mapa de é uma imagem com áreas clicáveis).
O usemap atributo está associado a um <map> elemento de name ou id atributo, e cria uma relação entre o <img> eo <map> .
Nota: O usemap atributo não pode ser utilizado se o <img> elemento é um descendente de uma <a> ou <button> elemento.
Suporte a navegadores
Atributo | |||||
---|---|---|---|---|---|
usemap | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
NENHUM.
Sintaxe
<img usemap="#mapname">
Os valores dos atributos
Valor | Descrição |
---|---|
#mapname | Um personagem de hash ("#") mais o name ou id do <map> elemento para usar |