Ver índice de contenidos del libro

3.5. Abreviaturas

Si empleas la etiqueta <abbr> de HTML para marcar las abreviaturas y los acrónimos, los usuarios podrán ver su contenido completo al pasar el ratón por encima de ellas. Además, si la abreviatura define el atributo title, Bootstrap añade un fino borde inferior punteado para indicar al usuario que puede pasar el ratón por encima (también cambia el tipo de puntero que se muestra al pasar el ratón por encima).

3.5.1. Abreviaturas básicas

Incluye la definición completa del elemento <abbr> dentro de su atributo title. Ejemplo:

<p>Este texto contiene abreviaturas como <abbr title="señor">Sr.</abbr> y <abbr title="señora">Sra.</abbr></p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto con abreviaturas en Bootstrap 3

Figura 3.10 Texto con abreviaturas en Bootstrap 3

3.5.2. Iniciales

Añade la clase .initialism (iniciales en inglés) a un elemento <abbr> para reducir ligeramente su tamaño de letra y así hacer que el texto se lea mejor. Ejemplo:

<p>Esta página está escrita con <abbr title="HyperText Markup Language" class="initialism">HTML</abbr></p>

Así se ve este ejemplo en tu navegador:

Y esta es la imagen del aspecto que debería tener este ejemplo:

Texto con iniciales en Bootstrap 3

Figura 3.11 Texto con iniciales en Bootstrap 3