<sub>: 下標元素

基線 廣泛可用

此功能已經成熟,可以在許多裝置和瀏覽器版本上使用。它自 2015 年 7 月.

<sub> HTML 元素指定應以下標形式顯示的內聯文字,僅出於排版原因。下標通常使用較小的文字以降低基線渲染。

試一試

屬性

此元素僅包含 全域性屬性

用法說明

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

例如,使用 <sub> 來設定使用更改後的基線在其 文字標記 中的公司名稱將不合適;相反,應該使用 CSS。例如,您可以將 vertical-align 屬性與類似 vertical-align: sub 的宣告一起使用,或者為了更精確地控制基線偏移,使用 vertical-align: -25%

<sub> 的適當用例包括(但不限於)

  • 標記腳註編號。請參閱 腳註編號 以獲取示例。
  • 標記數學變數編號中的下標(儘管您也可以考慮為此使用 MathML 公式)。請參閱 變數下標
  • 表示化學式中給定元素的原子數(例如,每個開發人員最好的朋友,C 8 H 10 N 4 O 2,也被稱為“咖啡因”)。請參閱 化學式

示例

腳註編號

傳統的腳註使用下標渲染的數字表示。這是 <sub> 的常見用例。

html
<p>
  According to the computations by Nakamura, Johnson, and Mason<sub>1</sub> this
  will result in the complete annihilation of both particles.
</p>

結果

變數下標

在數學中,與同一概念相關的變數族(例如,沿同一軸的距離)使用帶有下標的相同變數名稱表示。例如

html
<p>
  The horizontal coordinates' positions along the X-axis are represented as
  <var>x<sub>1</sub></var><var>x<sub>n</sub></var>.
</p>

結果

化學式

在寫化學式時,例如 H20,描述的分子中給定元素的原子數使用下標數字表示;在水的例子中,下標“2”表示分子中存在兩個氫原子。

另一個例子

html
<p>
  Almost every developer's favorite molecule is
  C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, which is commonly known
  as "caffeine."
</p>

結果

技術摘要

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

規範

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

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參閱

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