HTML sup

La etiqueta <sup> en HTML se utiliza para representar un texto en formato de superíndice. El texto dentro de esta etiqueta se presenta en un tamaño de fuente más pequeño y se posiciona encima del eje de escritura del texto circundante.

Es un elemento de contenido de flujo, lo que significa que puede contener cualquier tipo de contenido, como texto, imágenes, enlaces, etc.

Ejemplo:

<p>Este es un párrafo de texto con una fórmula matemática: x<sup>2</sup>.</p>
Lenguaje del código: HTML, XML (xml)

La etiqueta <sup> se utiliza principalmente para representar fórmulas matemáticas, pero también se puede utilizar para cualquier otro tipo de contenido en el que se desee representar un superíndice.

Se pueden aplicar estilos CSS para cambiar el tamaño de la fuente, el color, entre otros.

Es importante mencionar que existe una etiqueta hermana <sub> (subíndice) para representar contenido en formato de subíndice.

Atributos

La etiqueta <sup> en HTML no tiene atributos específicos, sin embargo, se pueden utilizar los atributos globales en cualquier elemento HTML. Los atributos más comunes utilizados con <sup> son:

  • class: Este atributo permite asignar una o varias clases al elemento <sup>, lo que permite aplicar estilos CSS específicos a través de una hoja de estilo en cascada (CSS).

Ejemplo:

<sup class="superindice">Texto en superíndice</sup>
Lenguaje del código: HTML, XML (xml)
  • id: Este atributo permite asignar un identificador único al elemento <sup>, lo que permite aplicar estilos CSS específicos a través de una hoja de estilo en cascada (CSS).

Ejemplo:

<sup id="superindice">Texto en superíndice</sup>
Lenguaje del código: HTML, XML (xml)
  • style: Este atributo permite aplicar estilos CSS directamente al elemento <sup>. Aunque esta es una forma rápida de aplicar estilos, se recomienda utilizar clases o identificadores en su lugar para un mejor control y mantenimiento del código.

Ejemplo:

<sup style="font-size: smaller;">Texto en superíndice</sup>
Lenguaje del código: HTML, XML (xml)
  • title: Este atributo permite añadir un texto de ayuda o título al elemento <sup>. Este texto se mostrará como una herramienta de ayuda cuando el usuario posiciona el cursor sobre el elemento.

Ejemplo:

<sup title="Este es un texto en superíndice">Texto en superíndice</sup>
Lenguaje del código: HTML, XML (xml)

En resumen, los atributos más importantes de la etiqueta <sup> son los atributos globales, como class, id, style y title, ya que permiten aplicar estilos y proporcionar información adicional sobre el texto dentro del elemento <sup>.

Sin embargo, es importante tener en cuenta que su uso principal es para representar contenido en formato de superíndice, ya sea en fórmulas matemáticas o en cualquier otro tipo de contenido.