: O Elemento Âncora
Última atualização: 2026-09-12
<a>O Elemento Âncora
O elemento <a> (âncora) define um hiperlink. É o bloco de construção fundamental da World Wide Web, usado para vincular de uma página a outra, a arquivos, a endereços de e-mail e a locais dentro da mesma página.
| Categoria | Links e Mídia |
|---|---|
| Modelo de Conteúdo | Transparente, conteúdo de fluxo, conteúdo de frase |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </a> tag |
| Status | Padrão |
📝 Sintaxe
<a href="URL" target="_self|_blank|_parent|_top" rel="relação">Texto do link</a>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
href | URL | O destino do link. Pode ser uma URL completa, um caminho relativo, um fragmento (#section) ou esquemas especiais como mailto: e tel:. |
target | Palavra-chave | Onde abrir o documento vinculado.
|
download | Nome de arquivo | Solicita ao usuário que baixe o recurso vinculado em vez de navegar até ele. O valor opcional define o nome do arquivo baixado. |
rel | Tipos de link | Especifica a relação entre o documento atual e o recurso vinculado. Valores comuns: nofollow, noopener, noreferrer. |
hreflang | Código de idioma | Indica o idioma do recurso vinculado, ex.: en, zh-CN, ja. |
type | Tipo MIME | Indica o tipo MIME do recurso vinculado, ex.: text/html, image/png. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <a> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Sempre use
rel="noopener" (ou noreferrer) ao abrir links em uma nova aba para evitar riscos de segurança de tab-nabbing.Aviso： Não envolva elementos interativos de nível de bloco (como botões) dentro de uma tag
<a> — isso cria aninhamento inválido e navegação por teclado confusa.❓ Perguntas Frequentes
QComo abrir um link em uma nova aba?
AUse
target="_blank" e adicione rel="noopener" por segurança: <a href="url" target="_blank" rel="noopener">QQual a diferença entre href e src?
A
href especifica o destino de um hiperlink (usado em <a>, <link>), enquanto src incorpora um recurso externo (usado em <img>, <script>).QPosso colocar um botão dentro de uma tag ?
ANão, é HTML inválido. Elementos interativos não podem ser aninhados. Em vez disso, estilize o
<a> para parecer um botão usando CSS.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
Tutorial de Links HTML
Lição completa sobre como criar hiperlinks
Elementos HTML
Entenda como elementos e tags funcionam
Referência de Tags HTML
Navegue por todas as 112 tags
