Atributo de mapa de uso HTML
Definición y uso
El usemapatributo especifica una imagen (o un objeto) como un mapa de imagen (un mapa de imagen es una imagen con áreas en las que se puede hacer clic).
El usemapatributo está asociado con <map>
el nombre o idatributo 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>.
Se aplica a
El usemapatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <img> | mapa de uso |
| <objeto> | mapa de uso |
Ejemplos
Ejemplo
Un mapa de imagen, con áreas en las que se puede hacer clic:
<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>
Ejemplo
Un elemento <object> usando un mapa de imagen:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Compatibilidad con navegador
El usemapatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| img | Yes | Yes | Yes | Yes | Yes |
| object | Not supported | Yes | Yes | Not supported | Not supported |