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="http://developer.mozilla.org/wiki-images/es/3/39/Firefoxlogo.png" 
         usemap="#map1" type="image/png" 
         width="135" height="155">

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

     <area href="http://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

 


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

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Sebastianz, jigs12, teoli, Jorolo
 Última actualización por: Sebastianz,