<sup>: 上标元素

此元素仅包含 全局属性。

<sup> 元素仅应出于排版原因使用 - 也就是说，为了更改文本位置以符合排版约定或标准，而不是仅仅为了呈现或外观目的。

例如，要为使用抬高基线的企业或产品的 文字标记 设置样式，应该使用 CSS（最有可能使用 vertical-align），而不是 <sup>。这可以通过使用 vertical-align: super 或将基线向上移动 50% 的 vertical-align: 50% 来完成。

<sup> 的适当用例包括（但不一定限于）

• 显示指数，例如 "x³"。可能值得考虑使用 MathML，尤其是在更复杂的情况下。请参阅下面的 示例 中的 指数。
• 显示上标字母，它在一些语言中用于渲染某些缩写。例如，在法语中，“小姐”可以缩写为“M^lle”；这是一个可接受的用例。请参阅上标字母以获取示例。
• 表示序数，例如“4^th”代替“fourth”。请参阅序数以获取示例。

指数，或一个数字的幂，是最常见的上标文本用法之一。例如

<p>
  One of the most common equations in all of physics is <var>E</var>=<var>m</var
  ><var>c</var><sup>2</sup>.
</p>

结果

上标字母在技术上与上标不同。但是，使用<sup>在 HTML 中呈现上标字母很常见。最常见的上标字母用法之一是在法语中呈现某些缩写

<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>

结果

序数，如英文中的“fourth”或西班牙语中的“quinto”，可以使用数字和以语言特定的上标文本表示来缩写

<p>
  The ordinal number "fifth" can be abbreviated in various languages as follows:
</p>
<ul>
  <li>English: 5<sup>th</sup></li>
  <li>French: 5<sup>ème</sup></li>
</ul>

结果

• 产生下标的<sub> HTML 元素。请注意，您不能同时使用sub和sup：您需要使用MathML在元素的化学符号旁边同时产生上标和下标，分别表示其原子序数和核序数。
• MathML 元素 <msub>、<msup> 和 <msubsup>。
• CSS vertical-align 属性。