HTML <img> atributo usemap
Exemplo
Um mapa de imagem, com áreas clicáveis:
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400"
height="379">
<map name="workmap">
<area shape="rect"
coords="34,44,270,350" alt="Computer" href="computer.htm">
<area
shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
Definição e uso
O usemapatributo especifica uma imagem como um mapa de imagem do lado do cliente (um mapa de imagem é uma imagem com áreas clicáveis).
O usemapatributo está associado ao <map>
atributo name de um elemento e cria um relacionamento entre o
<img>e o
<map>.
Nota: O usemapatributo não pode ser usado se o
<img>elemento for descendente de um elemento <a>ou
<button>.
Suporte ao navegador
| Attribute | |||||
|---|---|---|---|---|---|
| usemap | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<img usemap="#mapname">
Valores de atributo
| Value | Description |
|---|---|
| #mapname | A hash character ("#") plus the name of the <map> element to use |
❮ Tag HTML <img>