Elemento sup en HTML

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 <sup> 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 contenidoElemento organizativo o elemento normal.
Contenido permitidoContenido ordinario.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido normal.
Interfaz DOMOHTMLElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

Características

En este elemento html sup se pueden utilizar propiedades globales.

Descripción de uso

  • 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 2 ).
  • 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 <sub> que muestra el texto en un nivel más bajo que el nivel del texto principal. Pero los dos elementos <sub> y <sup> 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.

Formato predeterminado

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

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