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 " Definición y Uso
La <map> etiqueta se utiliza para definir un lado del cliente de mapas de imagen. En una imagen de mapa es una imagen con áreas se puede hacer clic.
El atributo nombre deseado de la <map> elemento está asociado con el <img>'s usemap atributo y crea una relación entre la imagen y el mapa.
La <map> elemento contiene una serie de <area> elementos, que define las áreas se puede hacer clic en el mapa de imágenes.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <map> | Sí | Sí | Sí | Sí | Sí |
Diferencias entre HTML 4.01 y HTML5
Nota: En HTML 5, si la id atributo de la <map> también se especifica la etiqueta, debe tener el mismo valor que el name atributo.
Diferencias entre HTML y XHTML
En XHTML, el name atributo está en desuso, y se eliminará. Utilice el atributo id mundial en su lugar.
atributos
| Atributo | Valor | Descripción |
|---|---|---|
| name | mapname | Necesario. Especifica el nombre de una imagen de mapa de |
Los atributos globales
La <map> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <map> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Mapa del Objeto
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <map> elemento con los siguientes valores predeterminados:
map {
display: inline;
}