English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
A etiqueta <area> do HTML define áreas clicáveis (ou pontos quentes) dentro do mapa de imagem. Você pode associar hiperligações a essas áreas clicáveis. Esta etiqueta deve estar dentro da etiqueta <map>. Este rótulo é também conhecido como elemento <area>.
Mapa de imagem com áreas clicáveis:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Base Tutorial Website(oldtoolbag.com)html>/Teste e veja ‹
Compatibilidade do navegadorIEFirefoxOperaChrome
Safari
Descrição da tag e instruções de uso
A tag <area> define a área interna da imagem de mapeamento (o mapeamento de imagem é uma imagem com áreas clicáveis).
O elemento <area> sempre está aninhado dentro da tag <map>.
O elemento <area> do HTML está dentro da marcação <body> e deve estar dentro da marcação <map>. Comentário: <img> A propriedade usemap da tag <map>
HTML5 Diferenças entre 4Forneceu algumas novas propriedades, enquanto não suporta mais o HTML1 .0
Diferenças entre HTML e XHTML
No HTML, a tag <area> não tem etiqueta de fechamento.
No XHTML, o tag <area> deve ser fechada corretamente.5 novo atributo. New : HTML
atributo | valor | descrição |
---|---|---|
alt | text | Define o texto alternativo da área. Se usar o atributo href, este atributo é obrigatório. |
coords | coordinates | Define as coordenadas da área. |
href | URL | Define o URL de destino da área. |
downloadHTML5 | filename | Quando o usuário clicar no link, o arquivo de destino especificado será baixado. |
hreflangHTML5 | language_code | Define o idioma do URL de destino. |
mídiaHTML5 | consulta de mídia | Define o URL de destino para qual tipo de mídia/Otimização de dispositivos. O padrão: all. |
nohref | value | HTML5 Não suportado. Define áreas sem links relacionados. |
relHTML5 | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Define a relação do documento atual com a URL de destino. |
shape | default rect circle poly | Define a forma da área. |
target | _blank _parent _self _top framename | Define onde abrir a URL de destino. |
typeHTML5 | MIME_type | Define o tipo MIME da URL de destino. Nota: MIME = Extensões Multipurpose Internet Mail. |
O tag <area> suporta Atributos globais do HTML.
O tag <area> suporta Atributos de evento do HTML.
Manual de Referência do DOM HTML: Objeto Area