area

Definición

area de area=área

Sirve para crear las distintas secciones en las que se puede dividir un mapas de imágenes en el cliente.

Sus etiquetas son: <area> (solo tiene una).

Crea una caja: No.

Es un: Elemento para mapas de imágenes.

Puede contener: Nada.

Solo puede ser hijo de: Elementos map.

Atributos

atributo	descripción	valor	por omisión
Genéricos
title	Texto informativo o título del elemento. Suele mostrarse a modo de "tool tip".	Texto legible. Sensible a M/m..	Lo fija el navegador.
id	Le da un nombre al elemento que lo diferencia de todos los demás del documento.	Un nombre único. Sensible a M/m.	Lo fija el navegador.
class	Asigna nombres de clases al elemento. Por defecto, clases CSS.	Lista de clases separadas por espacio en blanco. Sensible a M/m. cdata	Lo fija el navegador.
style	Permite especificar información de estilo. Por defecto, estilos CSS.	Declaraciones de estilo.	Lo fija el navegador.
lang	Información sobre el idioma del contenido del elemento y del valor de sus atributos.	Un código de idioma.	Lo fija el navegador. PD.: "desconocido".
dir	Indica la dirección de texto y tablas.	Uno de los siguientes: 'ltr' o 'rtl'.	Lo fija el navegador. PD.: En castellano 'ltr'.
Eventos: `onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.`
Específicos
shape	Indica la forma del área del mapa.	Uno de los siguientes: `'rect'`, `'circle'`, `'poly'`, o `'default'`.	PD.: `'rect'`
coords	Indica las coordenadas (x,y) del área del mapa.	Lista de: cantidades de píxeles, o porcentajes de espacio disponible. Separadas por comas.	Lo fija el navegador.
href	La dirección del recurso vínculado.	Una dirección URI. Sensible a M/m. (o no).	Lo fija el navegador.
nohref	Indica que el área no es activa, no tiene enlace.	Uno: 'nohref'	Lo fija el navegador.
alt	Describe el área o su vínculo, es necesario por que area no tiene contenido.	Texto legible. Sensible a M/m.	Requerido
accesskey	Define una tecla de acceso rápido. Importante para la Accesibilidad.	Un carácter o letra.	Lo fija el navegador.
tabindex	Asigna un número de posición en el orden de tabulación.	Un número entre 0 y 32767.	Lo fija el navegador.
Eventos: `onfocus, onblur.`
De transición
`target`	Indica el marco en el que se cargará el recurso.	Puede ser el nombre de un marco existente, o un nombre reservado	Lo fija el navegador.
atributo	descripción	valor	por omisión

Ejemplos de uso

Un mapa de imágenes dividido en dos

      
 <object data="https://developer.mozilla.org/wiki-images/es/3/39/Firefoxlogo.png" 
         usemap="#map1" type="image/png" 
         width="135" height="155">

   <map name="map1">
     <area href="https://www.mozilla.com/firefox/" 
       alt="El navegador" 
       shape="rect" 
       coords="0,0,60,155">

     <area href="https://www.mozilla.com/thunderbird/" 
       alt="El gestor de correo" 
       shape="rect" 
       coords="75,0,135,155">
   </map>
 </object>

Soporte

Puede consultar esta comparativa: IE6 vs IE7 vs FF1.5 vs OP9.

Estilo predeterminado

Notas

area es un elemento antiguo con el que pueden hacerse mapas simples y poco accesibles. No se recomienda su uso, es preferible diseñar los mapas con elementos en bloque y anclas.

Referencia

Los mapas de imágenes y el elemento area en la especificación de html 4.01

Estamos ampliando este documento, posiblemente contenga defectos y carencias. ¡Estamos en obras! Disculpen las molestias.

¿Quieres participar en su ampliación? Para saber como hacerlo consulta MDC:Como ayudar.

Categoría

interwiki links

automatismos