Definición y Uso
El usemap atributo especifica una imagen (o un objeto) como una imagen de mapa de (en una imagen de mapa es una imagen con áreas se puede hacer clic).
El usemap atributo se asocia con un <map> nombre o atributo id del elemento, y crea una relación entre el <img> y el <map> .
Nota: El usemap atributo no puede utilizarse si el <img> elemento es un descendiente de un <a> o <button> elemento.
Se aplica a
El usemap atributo se puede usar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <img> | usemap |
| <object> | usemap |
Ejemplos
Ejemplo
Una imagen-mapa, se puede hacer clic con áreas:
<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>
Inténtalo tú mismo " Ejemplo
Un <object> elemento utilizando un mapa de imagen:
<object data="planets.gif" width="145" height="126" usemap="#planetmap"></object>
Inténtalo tú mismo " Soporte para el navegador
El usemap atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| img | Sí | Sí | Sí | Sí | Sí |
| object | No soportado | Sí | Sí | No soportado | No soportado |