<area>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

O HTML <area> elemento define uma região hot-spot em uma imagem, e, opcionalmente, associa-lo com um link de hipertexto. Este elemento é usado somente dentro de um <map> elemento.

Atributos

Este elemento inclui os atributos globais.

accesskey

Especifica um acelerador de navegação pelo teclado para o elemento. Pressionando ALT ou uma chave semelhante, em associação com o caractere especificado seleciona a forma de controle correlacionada com a seqüência de teclas. Os projetistas de página são avisados para evitar sequências de teclas já vinculados aos navegadores. Este atributo é global desde HTML5.

alt

Uma alternativa seqüência de texto para exibir em navegadores que não exibem imagens. O texto deve ser formulada de modo a que apresenta o usuário com o mesmo tipo de escolha como a imagem iria oferecer quando exibido sem o texto alternativo. Em HTML4, este atributo é necessário, mas pode ser uma string vazia (""). Em HTML5, este atributo é necessário apenas se o href atributo é usado.

coords

Um conjunto de valores que especificam as coordenadas da região de hot-spot. O número e o significado dos valores dependem do valor especificado para a forma de atributo. Para um rect forma ou retângulo, o coords valor é de dois pares x, y: left, top, right, e bottom. Para um círculo forma, o valor é x, y, r onde x, y é um par especificando o centro do círculo e r é um valor para o raio. Para um poli ou polígono <forma>, o valor é um conjunto de pares x, y de cada ponto no polígono: X1, Y1, X2, Y2, x3, y3, e assim por diante. Em HTML4, os valores são números de pixels ou porcentagens, se um sinal de porcentagem (%) é anexado; em HTML5, os valores são números de pixels CSS.

download

Este atributo, se presente, indica que o autor tem a intenção que o hiperlink seja usado para o download de um recurso. Consulte <a> para uma descrição completa da download atributo.

href

A meta de hyperlink para a área. Seu valor é uma URL válida. Em HTML4, quer este atributo ou o nohref atributo deve estar presente no elemento. Em HTML5, este atributo pode ser omitido; em caso afirmativo, o elemento de área não representa um hiperlink.

hreflang

Indica o idioma do recurso ligado. Os valores permitidos são determinados por BCP47 . Utilize este atributo somente se a href atributo está presente.

name

Defina um nome para a área clicável de modo que possa ser programado por navegadores mais antigos.

media

Uma dica da mídia para o qual o recurso ligado foi projetado, por exemplo impressão e tela . Se omitido, o padrão é tudo . Utilize este atributo somente se a href atributo está presente.

nohref

Indica que não existe hyperlink para a área associada. Ou este atributo ou a href atributo deve estar presente no elemento.

Note: Nota de Uso: Este atributo é obsoleto em HTML5, em vez omitindo o atributo href é suficiente.

rel

Para âncoras contendo o href atributo, este atributo especifica a relação do objeto de destino para o objeto link. O valor é uma lista de valores de relacionamento, separados por vírgulas. Os valores e sua semântica será registrado por alguma autoridade que poderia ter significado para o autor do documento. A relação padrão, se nenhum outro é dado, é nula. Utilize este atributo somente se a href atributo está presente.

shape

A forma do ponto de acesso associado. As especificações para colar 5 e HTML 4 definem os valores rect , que define uma região rectangular; círculo , o qual define uma região circular; poli , que define um polígono; e padrão , o que indica toda a região além de quaisquer formas definidas. Muitos navegadores, principalmente o Internet Explorer 4 e superior, apoio circ , polígono , e retângulo como valores válidos para forma ; estes valores são Non-standard .

tabindex

Um valor numérico que especifica a posição da área definida na ordem de tabulação browser. Este atributo é global em HTML5.

target

Este atributo especifica onde exibir o recurso ligado. Em HTML4, este é o nome de, ou uma palavra-chave para um quadro. Em HTML5, que é um nome ou palavra-chave para um contexto de navegação (por exemplo, aba, janela ou quadro embutido). As seguintes palavras-chave têm significados especiais:

  • _self : Carregar a resposta no mesmo quadro HTML4 (ou contexto de navegação HTML5), como o atual. Este valor é o padrão se o atributo não é especificado.
  • _blank : Coloque a resposta em uma nova janela sem nome HTML4 ou contexto de navegação HTML5.
  • _parent : Carregar a resposta para o pai HMTL4 conjunto de quadros do quadro atual ou HTML5 pai contexto de navegação do atual. Se não houver nenhum pai, esta opção se comporta da mesma maneira que _self .
  • _top : Em HTML4: Carregar a resposta para a janela completa, originais, cancelando todos os outros quadros. Em HTML5: Carregar a resposta para o contexto de navegação de nível superior (ou seja, o contexto de navegação que é um ancestral do atual, e não tem pai). Se não houver nenhum pai, esta opção se comporta da mesma maneira que _self .

Utilize este atributo somente se a href atributo está presente.

type

Este atributo especifica o tipo de mídia na forma de um tipo MIME para o destino do link. Geralmente, este é fornecido informações estritamente como consultivo; no entanto, no futuro, um navegador pode adicionar um pequeno ícone para os tipos de multimédia. Por exemplo, um navegador pode adicionar um pequeno ícone de alto-falante quando o tipo está definido para áudio / wav. Para obter uma lista completa de tipos MIME reconhecidos, consulte https://www.w3.org/TR/html4/references.html # REF-MIMETYPES . Utilize este atributo somente se a href atributo está presente.

Exemplo

html
<mapa name="primary">
  <area shape="circle" coords="200,250,25" href="another.htm" />
  <area shape="default" nohref />
</map>

Especificações

Specification
HTML
# the-area-element

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
area
alt
attributionsrc
Experimental
coords
download
href
target="_blank" implies rel="noopener" behavior
nohref
Deprecated
ping
referrerpolicy
no-referrer-when-downgrade
origin-when-cross-origin
unsafe-url
rel
rel.noopener
rel.noreferrer
shape
target

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Experimental. Expect behavior to change in the future.
Deprecated. Not for use in new websites.
See implementation notes.

Notas

De acordo com o HTML 3.2, 4.0 e 5 especificações, a tag de fechamento </ área> é proibido.

A especificação XHTML 1.0 requer uma barra: <area /> .

Os ID , classe e estilo atributos têm o mesmo significado que os atributos essenciais definidas na especificação HTML 4, mas somente Netscape e Microsoft defini-los.

Netscape 1 de nível não entendem o alvo atributo que se refere aos quadros.

HTML 3.2 define apenas alt , coords , href , nohref e shape .