試一試
<p>
Almost every developer's favorite molecule is
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>, also known as
"caffeine."
</p>
p {
font:
1rem "Fira Sans",
sans-serif;
}
屬性
此元素僅包含全域性屬性。
用法說明
<sub> 元素應僅出於排版原因使用——即，為了改變文字位置以符合排版約定或標準，而不是僅僅為了呈現或外觀目的。
例如，使用 <sub> 為公司名稱的 Logo 變體 中使用的、具有修改基線的名稱進行樣式設定是不合適的；此時應使用 CSS。例如，可以使用 vertical-align 屬性，其宣告類似於 vertical-align: sub，或者為了更精確地控制基線偏移，可以使用 vertical-align: -25%。
<sub> 的合適用例包括（但不限於）：
示例
腳註編號
傳統腳註使用數字表示，這些數字以下標形式呈現。這是 <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>
結果
技術摘要
規範
| 規範 |
|---|
| HTML # sub 和 sup 元素 |
瀏覽器相容性
載入中…