La etiqueta <sup>
es un elemento integral del lenguaje de marcado HTML que se utiliza específicamente para crear texto en superíndice. "Superíndice" se refiere a texto que se muestra ligeramente más alto que el texto normal en la línea base, y generalmente se presenta en un tamaño de fuente más pequeño. Este tipo de texto es comúnmente utilizado en notaciones matemáticas y científicas, así como en referencias de texto.
Para utilizar la etiqueta <sup>
en HTML, simplemente debe envolverla alrededor del texto que desea que aparezca en superíndice. Por ejemplo, el código HTML
E = mc<sup>2</sup>
resultará en la presentación del famoso teorema de la energía de Einstein como "E = mc²", con el "2" claramente visible como un superíndice.
Aunque las etiquetas <sub>
(para subíndice), <small>
(para texto pequeño) y <uppercase>
(no existe esta etiqueta en HTML) también modifican la apariencia del texto en HTML, ninguna de ellas logra el efecto de superíndice que proporciona <sup>
.
Como mejor práctica, se debe utilizar <sup>
solo cuando sea necesario semánticamente. Por ejemplo, puede ser adecuado para las referencias al pie de página, pero podría no ser deseable para el estilizado arbitrario de texto que debe ser grande o destacado. En estos casos, se puede lograr un mayor control sobre la apariencia del texto utilizando hojas de estilo en cascada (CSS).