<abbr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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: 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).

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:

html
<!--[if lte IE 6]>
  <script>
    document.createElement("abbr");
  </script>
<![endif]-->

Exemplo

html
<p>Obama é presidente dos <abbr title="Estados Unidos da América">EUA</abbr></p>

Resultado

Obama é presidente dos EUA

Especificações

Specification
HTML Standard
# the-abbr-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também