<abbr>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.
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.
<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: noneen CSS se hace cargo de este caso.