AdNow

loading...

Etiqueta HTML area

Etiqueta HTML <area>


Ejemplo

Un mapa de imagen, con áreas seleccionables:
<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap"
>


<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm"alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm"alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm"alt="Venus">
</map>
Inténtalo tú mismo "

Definición y uso

La etiqueta <area> define un área dentro de un mapa de imagen (un mapa de imagen es una imagen con áreas seleccionables).
El elemento <area> siempre está anidado dentro de una etiqueta <map>.
Nota: el atributo usemap en la etiqueta <img> está asociado con el atributo de nombre del elemento <map> y crea una relación entre la imagen y el mapa.

Soporte del navegador

Element
<area>YesYesYesYesYes

Diferencias entre HTML 4.01 y HTML5

HTML5 tiene algunos atributos nuevos y algunos atributos de HTML 4.01 ya no son compatibles.

Diferencias entre HTML y XHTML

En HTML, la etiqueta <area> no tiene etiqueta final.
En XHTML, la etiqueta <area> debe estar correctamente cerrada.

Atributos

= Nuevo en HTML5.
AttributeValueDescription
alttextSpecifies an alternate text for the area. Required if the href attribute is present
coordscoordinatesSpecifies the coordinates of the area
downloadfilenameSpecifies that the target will be downloaded when a user clicks on the hyperlink
hrefURLSpecifies the hyperlink target for the area
hreflanglanguage_codeSpecifies the language of the target URL
mediamedia querySpecifies what media/device the target URL is optimized for
nohrefvalueNot supported in HTML5.
Specifies that an area has no associated link
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
Specifies the relationship between the current document and the target URL
shapedefault
rect
circle
poly
Specifies the shape of the area
target_blank
_parent
_self
_top
framename
Specifies where to open the target URL
typemedia_typeSpecifies the media type of the target URL

Atributos globales

La etiqueta <area> también admite los atributos globales en HTML .

Atributos del evento

La etiqueta <area> también admite los Atributos del Evento en HTML .

páginas relacionadas

Referencia de HTML DOM: objeto de área

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán el elemento <area> con los siguientes valores predeterminados:
area { 
    display: none;
}


Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

Etiqueta HTML < abbr >

HTML < a > tag

Visitas a este blog