El elemento <area> funciona en conjunto con <img> y <map> para crear zonas en una imagen donde al clickar se pasa a otro documento. El elemento area estará incluido en un elemento <map> que este estará vinculado a una imagen mediante el atributo “usemap“. El propósito es similar a un elemento a (hiperelace) sobre zonas de una imagen.
Atributos:
- alt. Especifica el texto alternativo para el área.
- coords. Las coordenadas que definen un área
- href. Indica la dirección URL del documento destino.
- hreflang. Especifica la lengua del documento destino.
- media. Especifica el tipo de medio del documento destino.
- rel. Indica la relación entre con el documento destino.
- shape. La forma que tomará el área. Las formas pueden ser: rect, rectangle, circ, circle, polu, poligon.
- target. Indica donde se abrirá el documento.
- type. El tipo mime que del documento destino.
- accesskey. Especifica una tecla rápida para acceder al elemento.
- class. Referido a una clase especificada en una hoja de estilos.
- contenteditable. Si el usuario podrá editar el elemento.
- contextmenu. Un menú de contexto mediante el id de un elemento menu
- dir. Especifica la dirección del texto del elemento (ltr, rtl, auto)
- draggable. Especifica si el usuario puede arrastrar el elemento.
- dropzone. Especifica que suceden se deposita un objeto sobre el elemento.
- hidden. Si en elemento aparecerá oculto.
- id. Identificación único del elemento.
- lang. Especifica el lenguaje.
- spellcheck. Comprobación de deletreo y gramática.
- style. Especifica particularidades CSS de estilo en el elemento.
- tabindex. Especifica el orden de salto de la tecla tab.
- title. Un texto que facilita información complementaria.