<sub>: 下付き文字要素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<sub> は HTML の要素で、表記上の理由で下付き文字として表示するべきインラインテキストを示します。下付き文字は普通、小さめのテキストを使用してベースラインよりも低く表示されます。
試してみましょう
属性
この要素にはグローバル属性のみがあります。
使用上のメモ
<sub> 要素は、単純に表現や表示の結果を得るためではなく、表記規則上の理由、つまり、表記上の習慣や規則でテキストの位置を変更する必要がある場合にのみ使用してください。
例えば、変更したベースラインをワードマークの中で使用している企業名にスタイル付けするために <sub> を使用することは適切ではありません。このような場合には CSS を使用してください（例えば vertical-align プロパティを、 vertical-align: sub または、もっと詳細にベースラインの位置を制御するために、 vertical-align: -25% など）。
<sub> の適切な利用場面には次のようなものがあります（これに限定されるものでありません）。
例
脚注番号
伝統的な脚注は下付き文字で表示される番号を使って記述されます。これは <sub> のよくある使い方です。
<p>
中村、ジョンソン、メイソン<sub>1</sub>の計算によると、この場合、どちらの粒子も完全に消滅することになります。
</p>
結果は次のようになります。
変数の下付き文字
数学では、同じ概念に関連する一連の変数（例えば同じ軸の距離）を、同じ変数名と下付き文字を使用して表現します。例えば以下のようになります。
<p>
X軸に沿った水平座標の位置は <var>x<sub>1</sub></var> … <var>x<sub>n</sub></var> と表します。
</p>
出力は次の通りです。
化学式
化学式を書くときは、 H2O のように、分子の記述の中で原子の数を下付き数字で記述します。水の場合、下付きの "2" は、水分子の中に 2 つの水素原子があることを表します。
他の例です。
<p>
ほぼすべての開発者が大好きな分子は
C<sub>8</sub>H<sub>10</sub>N<sub>4</sub>O<sub>2</sub>、「カフェイン」としてよく知られています。
</p>
結果
技術的概要
| コンテンツカテゴリー | フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ |
|---|---|
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | なし。開始タグと終了タグの両方が必須です。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | HTMLElement |
仕様書
| Specification |
|---|
| HTML Standard # the-sub-and-sup-elements |
ブラウザーの互換性
BCD tables only load in the browser