Atributo de mapa de uso HTML <img>

❮ Etiqueta 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 usemapatributo 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 usemapatributo está asociado con <map> el atributo de nombre de un elemento y crea una relación entre el <img>y el <map>.

Nota: El usemapatributo 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>