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

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

---

**Nota:** 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