Etiqueta HTML <abbr>
El navegador muestra los caracteres dentro de la etiqueta <abbr> como una abreviatura o un acrónimo. Para descifrar la abreviatura, se utiliza el atributo global title (se muestra como un texto emergente al pasar el mouse sobre la abreviatura).
El contenido de la etiqueta <abbr> en algunos navegadores puede marcarse con un subrayado de puntos.
Sintaxis
La etiqueta <abbr> se escribe en pares. El contenido se coloca entre la etiqueta de apertura (<abbr>) y la de cierre (</abbr>).
Ejemplo de la etiqueta HTML <abbr>:
Etiqueta HTML <abbr>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><abbr title="Universal Resource Locator">URL</abbr> - This is a specific way of designating an individual resource address on the Internet </p>
</body>
</html>Resultado
URL: Esta es una forma específica de designar la dirección de un recurso individual en Internet.
Atributos
La etiqueta <abbr> admite los Atributos globales y los Atributos de eventos.
El atributo más importante para esta etiqueta es title. Proporciona una información sobre herramientas con la expansión completa de la abreviatura cuando el usuario pasa el cursor sobre ella.
Cómo dar estilo a una etiqueta HTML <abbr>
De forma predeterminada, los navegadores muestran un subrayado de puntos para la etiqueta <abbr>. Puedes personalizar o eliminar este estilo usando CSS:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
abbr {
text-decoration: none;
border-bottom: 1px dotted #000;
cursor: help;
}
</style>
</head>
<body>
<p><abbr title="HyperText Markup Language">HTML</abbr> is the standard markup language for documents designed to be displayed in a web browser.</p>
</body>
</html>Práctica
¿Cuál es la función de la etiqueta <abbr> en HTML?