Sumário
O Elemento HTML <abbr> (ou Elemento de Abreviação HTML) representa uma abreviação e opcionalmente fornece uma descrição completa para ela. Se presente, o atributo title deve conter a descrição completa e apenas ela.
Nota de uso: Quando presente, o número gramatical (singular/plural) do texto no atributo title deve ser correspondente ao do conteúdo do elemento <abbr>. Isso também deve ocorrer no caso das linguagens com mais de dois números gramaticais (por exemplo, em árabe não há somente palavras no singular e plural, mas tem também uma categoria dual).
- Categorias de conteúdo Conteúdo de fluxo, conteúdo de fraseamento, conteúdo palpável
- Conteúdo permitidoConteúdo de fraseamento.
- Omissão de tag None, both the starting and ending tag are mandatory.
- Elementos-pai permitidos Qualquer elemento que aceite como filho conteúdo de fraseamento.
- Interface DOM
HTMLElementApós o Gecko 1.9.2 (Firefox 3.6) (e incluindo ele), o Firefox implementou a interfaceHTMLSpanElementpara este elemento.
Atributos
Este elemento inclui apenas os atributos globais.
Use o atributo title para definir a descrição completa da abreviação. Muitos navegadores exibem a descrição quando passa-se o mouse por cima da abreviação.
Estilo padrão
O propósito deste elemento é meramente a conveniência de autores e todos os navegadores mostram ele como um elemento dentro de uma linha (display: inline) por padrão, embora o estilo aplicado sobre ele seja diferente entre diferentes navegadores:
- Alguns navegadores, como o Internet Explorer, não aplicam nenhum estilo à mais do que é aplicado ao elemento
<span>. - Opera, Firefox, e alguns outros adicionam um sublinhado pontilhado ao conteúdo do elemento.
- Alguns poucos navegadores não apenas adicionam um sublinhado pontilhado, mas também colocam o texto em versalete (small caps); para evitar este tipo de estilo, adicione algo como
font-variant: noneno CSS que administra este caso.
É fortemente recomendado que autores web não confiem no estilo padrão. Note que este elemento não é suportado pelo Internet Explorer anterior ao IE7. Como tais versões do IE também não permitem que se aplique estilo para elementos desconhecidos, o seguinte script é necessário para permitir isso:
<!--[if lte IE 6]>
<script>
document.createElement("abbr");
</script>
<![endif]-->
Exemplo
<p>Obama é presidente dos <abbr title="Estados Unidos da América">EUA</abbr></p>
Resultado
Obama é presidente dos EUA
Especificações
| Especificação | Estado | Comentário |
|---|---|---|
| HTML Living Standard The definition of '<abbr>' in that specification. |
Padrão em tempo real | |
| HTML5 The definition of '<abbr>' in that specification. |
Recomendação | |
| HTML 4.01 Specification The definition of '<abbr>' in that specification. |
Recomendação |
Compatibilidade de navegadores
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
abbr | Chrome Full support 2 | Edge Full support 12 | Firefox
Full support
1
| IE Full support 7 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.
| Funcionalidade | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Suporte básico | 2.0 | 1.0 (1.7 or earlier) | 7.0 | 1.3 | (Yes) |
| Funcionalidade | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Suporte básico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |