← 返回首页
sup - HTML: Lenguaje de etiquetas de hipertexto | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Tecnología web para desarrolladores
  2. HTML: Lenguaje de etiquetas de hipertexto
  3. Referencia HTML
  4. Referencia de Elementos HTML
  5. sup
Theme
  • OS default
  • Light
  • Dark
Español
Remember language Learn more

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

sup

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 2015.

El elemento HTML <sup> define un fragmento de texto que se debe mostrar, por razones tipográficas, más alto, y generalmente más pequeño, que el tramo principal del texto, es decir, en superíndice.

Categorías de contenido Contenido permitido Omisión de etiquetas Elementos padre permitidos Roles ARIA permitidos Interfaz DOM
Contenido dinamíco(Flow content) y contenido estático o de texto(phrasing content)
contenido estático o de texto
Ninguna, tanto la etiqueta de apertura y cierre deben estar presentes
Cualquier elemento que acepte contenido estático o de texto
Cualquiera
HTMLElement

In this article

Atributos

Este elemento sólo incluye los atributos globales.

Notas de uso

  • Este elemento debe ser utilizado sólo por razones tipográficas, es decir, cambiar la posición del texto cambia su significado como en matemática (por ejemplo la fórmula matemática f4, aunque se debe considerar el uso de MathML) o en las abreviaturas francesas (por ejemplo Mlle, Mme or Cie).
  • Este elemento también se puede encontrar siguiendo palabras o frases. Estas anotaciones indican una entrada bibliográfica y se conocen como "notas al pie."
  • Este elemento no debe ser utilizado para propósitos meramente visuales, como el estilo del logo del softwareLaTeX . En ese caso debe usarse la propiedad de CSS vertical-align para lograr el mismo efecto.

Ejemplos

html
<p>Este texto es <sup>superíndice</sup></p>
html
<p>Notas al pie<sup>1</sup></p>

Especificaciones

Specification
HTML
# the-sub-and-sup-elements

Compatibilidad con navegadores

Enable JavaScript to view this browser compatibility table.

Ver también

  • El elemento HTML <sub> produce subíndices. Tenga en cuenta que no puedes usar <sup> y <sub> ambos al mismo tiempo y necesita usar MathML para producir un superíndice y un subíndice al lado del símbolo químico de un elemento, que representa su número atómico y su número nuclear.

  • Los elementos MathML<msub>, <msup>, y <msubsup> .

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 29 abr 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML: Lenguaje de etiquetas de hipertexto
  2. Guides
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. Categorías de contenido
    5. Date and time formats
    6. Microdatos
    7. Microformatos
    8. Modo quirks y modo estándar
    9. Imágenes adaptables
  3. How to
  4. Define terms with HTML
  5. Uso de atributos de datos
  6. Imagen con CORS habilitado
  7. Add a hitmap on top of an image
  8. Consejos para la creación de páginas HTML de carga rápida
  9. Add JavaScript
  10. Reference
  11. Elements
    1. <a>
    2. <abbr>
    3. acronym
    4. <address>
    5. <area>
    6. <article>
    7. aside
    8. Audio
    9. b
    10. <base>
    11. <bdi>
    12. bdo
    13. big
    14. blockquote
    15. <body>
    16. <br>
    17. button
    18. canvas
    19. caption
    20. <center>
    21. cite
    22. code
    23. col
    24. colgroup
    25. <data>
    26. datalist
    27. dd
    28. del
    29. <details>
    30. dfn
    31. <dialog>
    32. dir
    33. <div>
    34. dl
    35. dt
    36. em
    37. embed
    38. <fencedframe>
    39. fieldset
    40. <figcaption>
    41. figure
    42. font
    43. footer
    44. form
    45. frame
    46. frameset
    47. <geolocation>
    48. Elementos títulos
    49. head
    50. header
    51. hgroup
    52. <hr>
    53. <html>
    54. i
    55. <iframe>
    56. <img>
    57. input
    58. ins
    59. kbd
    60. <label>
    61. legend
    62. li
    63. link
    64. <main>
    65. map
    66. <mark>
    67. <marquee>
    68. <menu>
    69. meta
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. noframes
    75. noscript
    76. <object>
    77. ol
    78. <optgroup>
    79. <option>
    80. <output>
    81. p
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. s
    94. samp
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. small
    102. <source>
    103. span
    104. strike
    105. strong
    106. style
    107. sub
    108. <summary>
    109. sup
    110. tabla
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. time
    119. <title>
    120. <tr>
    121. <track>
    122. tt
    123. u
    124. ul
    125. var
    126. video
    127. <wbr>
    128. <xmp>
  12. Attributes
    1. HTML el atributo: accept
    2. autocomplete
    3. capture
    4. content
    5. Atributos de configuración CORS
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. HTML el atributo: min
    16. HTML el atributo: minlength
    17. HTML el atributo: multiple
    18. pattern
    19. placeholder
    20. readonly
    21. Tipos de enlaces
    22. required
    23. size
    24. step
  13. Global attributes
    1. accesskey
    2. anchor
    3. autocapitalización
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. Attributes by element
    1. <input type>
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. <script type>
      1. importmap
      2. speculationrules
    3. <meta name>
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. Etiqueta meta del Viewport
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      1. alternate stylesheet
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. preload
      12. prerender

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.