Etiqueta <ABBR>

La etiqueta <abbr>, permite definir texto indicando que es una abreviatura o acrónimo, como pueden ser “WWW” o “NASA”.



El marcado de texto con esta etiqueta permite proporcionar información a los navegadores, correctores ortográficos, sistemas de traducción y motores de búsqueda.

El efecto visual en la mayoría de los navegadores, es que al mover el puntero del ratón por encima de la abreviatura, se visualiza un pequeño letrero con la información proporcionada por el atributo “title” de la etiqueta.

La sintaxis de la etiqueta es la siguiente:

<p>La siguiente <abbr title=”Descripción Abreviatura”>Palabra</abbr> es una abreviatura</p>

La etiqueta utiliza el atributo global “title”, en el cual se ha de especificar la descripción del acrónimo o abreviatura, para esta etiqueta.

El siguiente ejemplo muestra el uso de la etiqueta.

<!DOCTYPE HTML>
<html>
<head>
  <title>Ejercicios prácticos HTML5</title>
  <meta charset="utf-8">
  <meta name="author" content="José Sáez">
  <meta name="description" content="Ejercicios prácticos HTML5">
  <meta name="generator" content="Ejercicios prácticos HTML5">
  <meta name="keywords" content="Ejercicios, Soluciones, Prácticas, HTML5">
</head>
<body>
<p>La siguiente palabra <abbr title="Objeto Volante No Identificado">OVNI</abbr> es una abreviatura</p>
</body>
</html>

El ejercicio anterior ha de tener un resultado similar al que se muestra a continuación.

Prácticas html5 - Etiqueta ABBR

Prácticas html5 – Etiqueta ABBR

 

Gracias por vuestra visita y un saludo!!!