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
HTMLElement
Após o Gecko 1.9.2 (Firefox 3.6) (e incluindo ele), o Firefox implementou a interfaceHTMLSpanElement
para 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
: none
no 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 |
---|---|---|
WHATWG HTML Living Standard The definition of '<abbr>' in that specification. |
Living Standard | |
HTML5 The definition of '<abbr>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<abbr>' in that specification. |
Recommendation |
Compatibilidade de navegadores
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) |