HTML <img> usemapAtributo
Ejemplo
Un mapa de imagen con áreas en las que se puede hacer clic:
<img src="planets.gif.html"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm.html" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm.html" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm.html" alt="Venus">
</map>
Pruébalo »
Soporte del navegador
Todos los navegadores principales admiten el atributo usemap.
Definición y uso
El atributo usemap define una imagen como un mapa de imagen del lado del cliente (un mapa de imagen se refiere a una imagen con áreas en las que se puede hacer clic).
El atributo usemap se asocia con el<map>atributo name o id del elemento, para establecer la relación entre <img> y <map>.
Nota:El atributo usemap solo se permite cuando el elemento <img> no es descendiente de un elemento <a> o <button>.
Diferencias entre HTML 4.01 y HTML5
Ninguna.
Sintaxis
<img usemap="#mapname">
Valores de atributo
| Valor | Descripción |
|---|---|
| #mapname | Un carácter hash ('#') más el name o id del elemento <map> a utilizar. |
Etiqueta HTML <img> Otras extensiones