Etiqueta HTML `<acronym>`

La etiqueta <acronym> se utilizaba para definir un acrónimo o abreviatura. Para proporcionar la frase completa, se utiliza el atributo global title, que se muestra como una herramienta emergente (tooltip) al pasar el cursor sobre el texto.

acronym example

peligro La etiqueta <acronym> es una etiqueta HTML obsoleta y no está soportada en HTML5. Utiliza en su lugar la etiqueta <abbr>.

Sintaxis

La etiqueta <acronym> se escribe en pares. El contenido se coloca entre la etiqueta de apertura (<acronym>) y la de cierre (</acronym>).

Ejemplo de la etiqueta HTML `<acronym>`:

Etiqueta HTML acronym

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Hover the mouse cursor over acronym HTML</p>
    <acronym title="Hyper Text Markup Language">HTML</acronym>
  </body>
</html>

Try it Yourself »

En el siguiente ejemplo, se utiliza la etiqueta <abbr> en lugar de <acronym>. El navegador muestra los caracteres dentro de la etiqueta <abbr> como una abreviatura o un acrónimo.

Ejemplo de la etiqueta HTML `<abbr>`:

Etiqueta HTML abbr

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p><abbr title="Universal Resource Locator">URL</abbr> - This is a special form of designating an individual resource address on the Internet </p>
  </body>
</html>

Try it Yourself »

Estilos predeterminados

Los navegadores modernos no aplican ningún estilo predeterminado a las etiquetas <acronym> o <abbr>. Cualquier apariencia visual (como subrayados o mayúsculas pequeñas) debe definirse explícitamente con CSS.

Atributos

La etiqueta <acronym> admite los Atributos Globales y los Atributos de Eventos.

Cómo dar estilo a la etiqueta HTML `<acronym>`

Dado que los navegadores no aplican estilos predeterminados, puedes usar CSS para garantizar una apariencia consistente. Ten en cuenta que dar estilo a la etiqueta <acronym> es obsoleto, ya que la propia etiqueta está en desuso. El siguiente ejemplo aplica estilo a la etiqueta <abbr> (el reemplazo moderno) con un subrayado punteado y mayúsculas pequeñas:

css

abbr {
  text-decoration: underline dotted;
  font-variant: small-caps;
}

Práctica

¿Cuál es la función de la <acronym> tag in HTML?

Se utiliza para definir un acrónimo.Proporciona una herramienta emergente (tooltip) cuando el cursor se posa sobre el acrónimo.Se utiliza para cambiar el tamaño de la fuente del texto.Se utiliza para vincular una parte del texto a otro sitio web.Se utiliza para ocultar una parte del texto.

Etiqueta HTML <acronym> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <acronym>: ​

Ejemplo de la etiqueta HTML <abbr>: ​

Estilos predeterminados ​

Atributos ​

Cómo dar estilo a la etiqueta HTML <acronym> ​

Práctica ​