Definição:

A tag <area> vem do inglês area e significa área e é usada para associar uma região dentro de uma imagem com uma URL. Isto permite que diferente URLs ou links sejam acessados dependendo de onde o usuário clicar na imagem.

Suporte:

Netscape: 3.0
Internet Explorer: 3.0
Aceito nas especificações DTD: Estrito, Transicional e Frameset

Dica:

Esta tag é geralmente utilizada em conjunção com as tags <img> e <map>.

Exemplo:

Código

Resultado

Clique no Quadro ou no Telefone:<br /> <p><map name="mapa"> <area href="/images/quadro.jpg" shape="polygon" coords="84, 140, 87, 22, 179, 27, 171, 145" target="_blank" /> <area href="/images/telefone.jpg" shape="polygon" coords="67, 76, 67, 18, 27, 18, 29, 71, 25, 76, 22, 131, 30, 142, 36, 136, 41, 112, 36, 80, 38, 76" target="_blank" /> </map> <img border="0" src="/images/parede.jpg" usemap="#mapa" /></p>

Clique no Quadro ou no Telefone:

Atributos Obrigatórios:

Atributo	Valor	Descrição
alt	text	Especifica um texto alternativo que será mostrado no lugar das regiões caso a imagem não possa ser mostrada pelo navegador.

Atributos Padrão:

accesskey, class, dir, id, lang, style, tabindex, title

Atributos Opcionais:

Atributo	Valor	Descrição
coords	se atributo shape="rect" então coords="left,top,right,bottom" se atributo shape="circ" então coords="centerx,centery,radius" se atributo shape="poly" então coords="x1,y1,x2,y2,..,xn,yn"	Especifica as coordenadas de mapeamento apropriadas da forma de uma área em uma imagem. O valor deste atributo depende o valor do atributo shape.
href	URL	Especifica a página que será aberta quando esta área for clicada
noref	true false	Especifica uma área na imagem a ser excluída do mapeamento.
shape	circ circle poly polygon rect rectangle	Especifica o formato da área sendo mapeada. circ=circle poly=polygon rect=rectangle
target	_blank _parent _self _top	Especifica como a página especificada em href será aberta: _blank: a página será aberta em uma nova janela. _parent: a página será aberta no frame pai da página atual _self: a página será aberta no mesmo frame da página atual _top: a página será aberta em cima da página atual Este atributo não é aceito na especificação DTD estrito.

Eventos Associados:

onblur, onclick, ondblclick, onfocus, onkeydown, onkeypress, onkeyup, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup