HTML <area>Etiqueta
Ejemplo
Mapa de imagen con áreas clicables:
Pruébalo »
Soporte del navegador
Todos los navegadores principales admiten la etiqueta <area>.
Definición de la etiqueta e instrucciones de uso
La etiqueta <area> define el área dentro de un mapa de imagen (un mapa de imagen se refiere a una imagen con áreas en las que se puede hacer clic).
El elemento <area> siempre está anidado dentro de la etiqueta <map>.
Nota: <img>El atributo usemap de la etiqueta y<map>el atributo name del elemento se asocian para crear la relación entre la imagen y el mapa.
Diferencias entre HTML 4.01 y HTML5
HTML5 proporciona algunos atributos nuevos y ya no admite ciertos atributos de HTML 4.01.
Diferencias entre HTML y XHTML
En HTML, la etiqueta <area> no tiene una etiqueta de cierre.
En XHTML, la etiqueta <area> debe cerrarse correctamente.
Atributos
New: Nuevo atributo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| alt | text | Define el texto alternativo del área. Si se usa el atributo href, este atributo es obligatorio. |
| coords | coordinates | Define las coordenadas del área. |
| href | URL | Define la URL de destino del área. |
| hreflangNew | language_code | Define el idioma de la URL de destino. |
| mediaNew | media query | Define para qué medio/dispositivo está optimizada la URL de destino. Valor predeterminado: all. |
| nohref | value | No compatible con HTML5.Define un área sin enlace relacionado. |
| relNew | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
Define la relación entre el documento actual y la URL de destino. |
| shape |
default rect circle poly |
Define la forma del área. |
| target | _blank _parent _self _top framename |
Define dónde abrir la URL de destino. |
| typeNew | MIME_type | Define el tipo MIME de la URL de destino. Nota: MIME = Multipurpose Internet Mail Extensions. |
Atributos globales
La etiqueta <area> admitelos atributos globales de HTML.。
Atributos de eventos
La etiqueta <area> admitelos atributos de eventos de HTML.。
Artículos relacionados
Referencia del DOM de HTML:Objeto Area
Otras extensiones