<abbr>: Elemento ABBR
Última atualização: 2026-10-13
<abbr>Elemento ABBR
Representa uma abreviação ou sigla; combine com o atributo title para escrever a forma completa.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (phrasing) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </abbr> tag |
| Status | Padrão |
📝 Sintaxe
<abbr title="HyperText Markup Language">HTML</abbr>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <abbr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： Adicione o atributo title a <abbr> para que o significado completo apareça ao passar o mouse — melhor para acessibilidade e SEO.
❓ Perguntas Frequentes
QPara que serve a tag abbr?
A
<abbr> marca abreviações, fornecendo o nome completo pelo atributo title, como <abbr title='HyperText Markup Language'>HTML</abbr>. Ao passar o mouse aparece a dica, e leitores de tela e mecanismos de busca também entendem o significado da abreviação.QO atributo title de abbr funciona no celular?
AA experiência é ruim — telas de toque não têm hover, e a dica do title praticamente não dispara. No mobile, escreva o nome completo já na primeira ocorrência (como «linguagem de marcação de hipertexto (HTML)»), ou mostre-o de forma clicável com
<details> ou tooltip personalizado.Qabbr precisa vir junto com dfn?
ARecomendado quando a página está definindo o termo abreviado:
<dfn><abbr title='CSS'>CSS</abbr></dfn>. No texto corrente, <abbr> sozinha basta — não é preciso embrulhar em dfn toda ocorrência.🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
