Atributo de mapa de uso HTML <img>
Ejemplo
Un mapa de imagen, con áreas en las que se puede hacer clic:
<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>
Definición y uso
El usemap
atributo especifica una imagen como mapa de imagen del lado del cliente (un mapa de imagen es una imagen con áreas en las que se puede hacer clic).
El usemap
atributo está asociado con <map>
el atributo de nombre de un elemento y crea una relación entre el
<img>
y el
<map>
.
Nota: El usemap
atributo no se puede utilizar si el
<img>
elemento es descendiente de un elemento <a>
o
<button>
.
Compatibilidad con navegador
Attribute | |||||
---|---|---|---|---|---|
usemap | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<img usemap="#mapname">
Valores de atributo
Value | Description |
---|---|
#mapname | A hash character ("#") plus the name of the <map> element to use |
❮ Etiqueta HTML <img>