Manual de referencia HTML

Completo de etiquetas HTML

Etiqueta <article> de HTML Etiqueta <applet> de HTML

Etiqueta <area> de HTML

La etiqueta <area> de HTML define las áreas clicables (o áreas de puntos calientes) dentro de un mapa de imágenes. Puede asociar enlaces con estas áreas clicables. Esta etiqueta debe estar dentro de la etiqueta <map>. Este etiqueta también se conoce como el elemento <area>.

Ejemplo en línea

Mapas de imágenes con áreas clicables:

Ejemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Web(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 y mira ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores populares admiten la etiqueta <area>.

Definición y guía de uso de la etiqueta

La etiqueta <area> define una región dentro del mapa de imagen (un mapa de imagen es una imagen con áreas clicables).

El elemento <area> siempre se encuentra dentro de la etiqueta <map>.

El elemento HTML <area> se encuentra dentro de la etiqueta <body> y debe estar dentro de la etiqueta <map>.

Notas: <img> la propiedad usemap de la etiqueta <map> elemento con name asociado para crear una relación entre la imagen y el mapa.

HTML 4.01 con HTML5diferencias

HTML5 proporcionó algunos nuevos atributos y ya no admite HTML 4.01 ciertos atributos.

Diferencias entre HTML y XHTML

En HTML, la etiqueta <area> no tiene etiqueta de cierre.

En XHTML, la etiqueta <area> debe cerrarse correctamente.

atributo

New: HTML5 nuevo atributo en.

atributo	valor	descripción
alt	texto	Se especifica el texto alternativo de la región. Si se utiliza el atributo href, este atributo es obligatorio.
coords	coordenadas	Se especifican las coordenadas de la región.
href	URL	Se especifica la URL de destino de la región.
descargarHTML5	filename	Al hacer clic en el enlace hipertexto, se descargará el archivo de destino especificado.
hreflangHTML5	language_code	Se especifica el idioma de la URL de destino.
medioHTML5	consulta de medios	Se especifica la URL de destino para qué tipo de medio/Optimización del dispositivo. Por defecto: all.
nohref	value	HTML5 No soportado. Especifica áreas sin enlaces relacionados.
relHTML5	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	Especifica la relación entre el documento actual y el URL de destino.
shape	default 　rect circle poly	Especifica la forma de la área.
target	_blank 　_parent 　_self 　_top framename	Especifica dónde abrir el URL de destino.
typeHTML5	MIME_type	Especifica el tipo MIME del URL de destino. Nota: MIME = Extensiones Multipropósito de Internet de Correo Electrónico.

Atributos globales

Soporta <area> etiqueta Atributos globales de HTML.

Atributos de eventos

Soporta <area> etiqueta Atributos de eventos de HTML.