<abbr>

El elemento HTML <abbr> (o Elemento de Abreviación HTML) representa una abreviación o acrónimo; el atributo opcional title puede ampliar o describir la abreviatura. Si está presente, el atributo title debe contener la descripción completa y nada más.

html
<p>I do <abbr title="Hypertext Markup Language">HTML</abbr></p>

El artículo Cómo marcar abreviaciones y hacerlas entendibles es una guía para aprender a usar <abbr> y elementos relacionados.

Interfaz DOM HTMLElement
Categorías de contenido Contenido dinámico, contenido estático o de texto, contenido palpable
Conteido permitido Contenido de estático o de texto
Elementos padre permitidos Cualquier elemento que acepte contenido estático o de texto

Atributos

Este elemento sólo incluye los atributos globales. El atributo title tiene un sentido específicamente semántico cuando es usado con el elemento <abbr>; debe contener una completa descripción o ampliación de la abreviación. Este texto es usualmente presentado por los navegadores como tooltip cuando se pasa el mouse sobre el elemento.

Cada elemento <abbr> usado es independiente de todos los otros; dar un <title> a uno no hace que automáticamente todos los demás adquieran la misma descripción.

Nota: En lenguajes con números gramaticales (especialmente lenguajes con más de dos números, como el Árabe), utiliza el mismo número gramatical en el atributo title como dentro del elemento <abbr>.

Especificaciones

Specification
HTML Standard
# the-abbr-element

Compatibilidad con navegadores

BCD tables only load in the browser

Estilo por defecto

El propósito de este elemento es puramente para la conveniencia del autor y por defecto todos los navegadores lo muestran en línea (display: inline), sin embargo su estilo por defecto varía de un navegador a otro:

  • Algunos navegadores, como Internet Exlorer, no lo diseñan de manera diferente que el elemento <span>.
  • Opera, Firefox, y algunos otros añaden un subrayado de puntos al contenido del elemento.
  • Algunos navegadores no sólo añaden un subrayado de puntos, sino que también lo ponen en minúsculas; para evitar este estilo, añadir algo como font-variant: none en CSS se hace cargo de este caso.

Ver también