<sup>: 上標元素

基線 廣泛可用

此功能已經非常成熟,並在許多裝置和瀏覽器版本中都能正常工作。它自 2015 年 7 月.

<sup> HTML 元素用於指定僅出於排版原因而以上標顯示的內聯文字。上標通常使用較小的文字以抬高的基線呈現。

試一試

屬性

此元素僅包含 全域性屬性

使用說明

<sup> 元素僅應出於排版原因使用 - 也就是說,為了更改文字位置以符合排版約定或標準,而不是僅僅為了呈現或外觀目的。

例如,要為使用抬高基線的企業或產品的 文字標記 設定樣式,應該使用 CSS(最有可能使用 vertical-align),而不是 <sup>。這可以透過使用 vertical-align: super 或將基線向上移動 50% 的 vertical-align: 50% 來完成。

<sup> 的適當用例包括(但不一定限於)

  • 顯示指數,例如 "x3"。可能值得考慮使用 MathML,尤其是在更復雜的情況下。請參閱下面的 示例 中的 指數
  • 顯示上標字母,它在一些語言中用於渲染某些縮寫。例如,在法語中,“小姐”可以縮寫為“Mlle”;這是一個可接受的用例。請參閱上標字母以獲取示例。
  • 表示序數,例如“4th”代替“fourth”。請參閱序數以獲取示例。

示例

指數

指數,或一個數字的冪,是最常見的上標文字用法之一。例如

html
<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 中呈現上標字母很常見。最常見的上標字母用法之一是在法語中呈現某些縮寫

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

結果

序數

序數,如英文中的“fourth”或西班牙語中的“quinto”,可以使用數字和以語言特定的上標文字表示來縮寫

html
<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>

結果

技術摘要

內容類別 流內容短語內容,可感知內容。
允許的內容 短語內容.
標籤省略 無,開始和結束標籤都是必需的。
允許的父級 任何接受短語內容的元素。
隱式 ARIA 角色 superscript
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

規範
HTML 標準
# the-sub-and-sup-elements

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱

  • 產生下標的<sub> HTML 元素。請注意,您不能同時使用subsup:您需要使用MathML在元素的化學符號旁邊同時產生上標和下標,分別表示其原子序數和核序數。
  • MathML 元素 <msub><msup><msubsup>
  • CSS vertical-align 屬性。