Elemento sup en HTML

El elemento html sup es la parte del texto que debe mostrarse en un nivel más alto que el nivel principal del texto y a menudo más pequeño.

Un ejemplo de cómo usar el elemento  para escribir una ecuación matemática:

< p >
  La ecuación física más famosa es: 
  < var > E </ var > = < var > m </ var > < var > c </ var > < sup > 2 </ sup > 
</ p >

Etiqueta html sup

Clasificaciones de contenido	Elemento organizativo o elemento normal.
Contenido permitido	Contenido ordinario.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normal.
Interfaz DOMO	`HTMLElement`

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

En este elemento html sup se pueden utilizar propiedades globales.

Este elemento debe utilizarse únicamente con fines tipográficos, es decir, cambiar la ubicación del texto cambiará su significado como en las expresiones matemáticas (por ejemplo, x ² ).
Este elemento no se puede utilizar con el fin de formatear nombres de productos como Látex. En este caso, se debe utilizar una propiedad vertical-align CSS con un valor asignado super.
Hay un elemento nombrado  que muestra el texto en un nivel más bajo que el nivel del texto principal. Pero los dos elementos  y ambos no se pueden usar al mismo tiempo, y luego tienes que usar MathML para escribir en un nivel más alto y más bajo que el nivel de texto principal al mismo tiempo, como escribir el número entero y el número atómico después del nombre del elemento químico.

La mayoría de los navegadores muestran el elemento  con la propiedad establecida vertical-align en super y font-size en smaller:

sup {
  vertical-align: super;
  font-size: smaller;
}