<sub>: SUB 要素
最終更新：2026-10-13
<sub>SUB 要素
ベースラインの下に表示される下付き文字を定義します。化学式（例：H₂O）や数式表記に使われます。
| カテゴリ | 書式 |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フレージングコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </sub> タグ |
| ステータス | 標準 |
📝 構文
<sub>下付き文字</sub>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <sub> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 下付き文字は行の高さを変えます。長いテキストでの多用は避け、行間が不均一にならないようにしましょう。
❓ よくある質問
Qsub の典型的な使用場面は何ですか？
A化学式（H₂O の 2 は
<sub>2</sub> と書く）、数学の変数の添字、脚注番号などです。テキストをベースラインより下に、フォントを小さめに表示します。意味は「下付き文字」であり、単なる視覚的な位置ずれではありません。Qsub と CSS の vertical-align の違いは何ですか？
A
<sub> は「下付き」という意味を持ち、ブラウザのデフォルトスタイルは vertical-align: sub とフォント縮小です。CSS で同じ見た目を再現できますが、意味はありません。内容が本当に下付き文字（化学式や数学記号）なら <sub> を、純粋な組版調整なら CSS を使いましょう。Qsub は行の高さに影響しますか？
A影響します。下付き文字が下にずれることで行ボックスの高さが増し、段落の行間が不揃いになることがあります。対策は、
<sub> に line-height: 0 を設定するか、vertical-align のオフセットを微調整して、行の高さを広げずに表示することです。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
