HTML - Tag <area>

Descrição

A tag HTML <area> é usada para definir uma área em um mapa de imagem.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML area Tag</title>
   </head>

   <body>
      <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
      
      <map name = "tutorials">
         <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
            href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
         
         <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
            href = "/html/index.htm" target = "_blank" />
         
         <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
            href = "/php/index.htm" target = "_blank" />
      </map>
   </body>

</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em HTML Attribute Reference

Atributos Específicos

A tag HTML <area> também suporta os seguintes atributos adicionais -

Atributo	Valor	Descrição
alt	texto	Especifica um texto alternativo para a área.
coords	if shape = "rect" then coords = "left, top, right, bottom" if shape = "circ" then coords = "centerx, centery, radius" se forma = "poli" então coords = "x1, y1, x2, y2, .., xn, yn"	Especifica as coordenadas apropriadas para o atributo de forma para definir uma região de uma imagem para mapas de imagem.
baixar	nome do arquivo	Especifica que o destino é baixado quando o hiperlink é clicado pelo usuário.
href	URL	Especifica o URL de uma página ou o nome da âncora para a qual o link vai.
hreflang	language_code	Especifica o idioma do URL de destino.
meios de comunicação	consulta de mídia	Especifica a mídia / dispositivo para o qual o URL de destino é otimizado.
nohref	verdadeiro falso	Exclui uma área do mapa de imagem
rel	autor alternativo favorito ajuda licença next nofollow noreferrer prefetch tag de pesquisa anterior	Especifica a relação entre o documento atual e o URL de destino
forma	rect rectângulo circ círculo poli polígono	Especifica a forma do mapa de imagem
alvo	_blank _parent _self _top	Onde abrir o URL de destino. _blank - o URL de destino será aberto em uma nova janela _self - o URL de destino será aberto no mesmo quadro em que foi clicado _parent - o URL de destino será aberto no conjunto de quadros pai _top - o URL de destino será aberto em todo o corpo da janela
tipo	mime_type	Especifica o tipo MIME (Multipurpose Internet Mail Extensions) do URL de destino.

Atributos de evento

Esta tag suporta todos os atributos de eventos descritos em HTML Events Reference

Suporte de navegador

cromada	Raposa de fogo	IE	Ópera	Safári	Android
sim	sim	sim	sim	sim	sim

↰ Previous page