Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tag: Area
Nome: Área
Descrição: Define uma área clicável dentro de uma imagem.
Exibição: Especial [css none - area não é um elemento manipulável via css].
Atributos: id, class, lang, dir, title, shape, coords, href, nohref, alt, tabindex, accesskey.
Semântica: O elemento area é utilizado para definir uma parte de uma imagem que poderá ser clicável. Este clique pode apontar para um link, assim como o elemento âncora, ou não, definindo-se o atributo nohref="nohref". Elementos area devem ser colocados dentro dum elemento de mapeamento. Não possuem exibição e não fornecem efeitos de modificação css. Sua acessibilidade é disponível através dos atributos alt, tabindex e accesskey.
Exemplos:
<body>
<img src="http-~~-//www.google.com/intl/en_ALL/images/srpr/logo1w.png" usemap="#exemplo" alt="logo do Google">
<map name="exemplo">
<area shape="circle" coords="90,40,25" href="google.com" alt="site do Google">
</map>
</body>Particularidades: Area é um elemento vazio, portanto, sua tag é curta, assim como BR, HR e Input. Area não permite elementos filhos. Area não pode ser estilizado com CSS. Só é permitido o uso de area dentro de um map. O atributo alt é obrigatório. Se a imagem não puder ser carregada, a área será exibida em forma de link. Neste caso, area é tratado como um elemento textual (inline) e herda as propriedades de texto como text-, font- e color.