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

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

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
# the-abbr-element

Compatibilidad con navegadores

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