Latest web development tutorials

<Mapa> etiqueta HTML

Ejemplos

Con área de mapa de imágenes 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>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La mayoría de los navegadores soportan etiqueta <map>.


definiciones de código e instrucciones

<Mapa> etiqueta para los mapas de imagen de cliente. Imagen hace referencia a una asignación de imagen con zonas se puede hacer clic.

<Img> Los atributos pueden ser referenciados en usemap <mapa> La identificación o atributo de nombre (dependiendo del navegador), por lo que deben al mismo tiempo para <mapa> añadir Identificación y atributo de nombre.

elemento de área siempre está anidado dentro del elemento del mapa. elementos area definen el área de mapa de imágenes.


Diferencias entre HTML 4.01 y HTML5

Nota: En HTML5, si no se especifica el atributo id en la etiqueta <map>, entonces también debe especificar el atributo de nombre.


Diferencias entre HTML y XHTML

En XHTML, nombre de atributo está en desuso, utilice el atributo id para reemplazarlo.


propiedad

属性 描述
name mapname 必需。为 image-map 规定的名称。


Propiedades globales

Etiqueta <map> admite los atributos globales, ver completar la hoja de propiedades Atributos HTML Global .


Propiedades del evento

Etiqueta <map> soporta todos los atributos de eventos HTML .