English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La etiqueta <map> de HTML se utiliza para definir un mapa de imagen con áreas clicables (o puntos calientes). Dentro de la etiqueta <map>, se puede utilizar la etiqueta <area> para crear áreas clicables, y cada área clicable puede tener un vínculo asociado. Esta etiqueta también se conoce comúnmente como elemento <area>.
Mapa de imagen con áreas clicables:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Network(oldtoolbag.com)</title> </head> <body> <img src="planets.gif" width="145"height="126"alt="Planetas" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126"alt="Sol" href="sun.html"> <area shape="circle" coords="90,58,3"alt="Mercurio" href="mercur.html"> <area shape="circle" coords="124,58,8"alt="Venus" href="venus.html"> </map> </body> </html>Prueba para ver ‹/›
IEFirefoxOperaChromeSafari
La mayoría de los navegadores admiten la etiqueta <map> en la actualidad.
La etiqueta <map> se utiliza para mapeos de imágenes del cliente. Un mapeo de imágenes es una imagen con áreas clicables.
El atributo usemap del marcador <img> debe ser el mismo que el atributo name del marcador <map> para establecer una relación entre estos dos elementos.
El elemento area siempre se encuentra dentro del elemento map. El elemento area puede definir una región en el mapeo de imágenes.
Nota: En HTML5 En, si el atributo id se especifica en la etiqueta <map>, entonces debe especificar el atributo name también.
En XHTML, el atributo name ya está obsoleto, utilice el atributo id para reemplazarlo.
| Atributo | Valor | Descripción |
|---|---|---|
| name | mapname | Requerido. Para image-El nombre especificado por map. |
<map> etiqueta admite atributos globales, consulte la tabla de atributos completa Atributos globales HTML.
<map> etiqueta admite todos los Atributos de eventos HTML.