HTML辞書ホームへ
HTML要素 辞書 by Sentaro
<sub>
下付き文字（Subscript）要素。ベースラインより下に小さな文字を表示します。
info
概要
<sub> 要素は、テキストのベースラインより下に配置し、通常より小さなフォントで表示されるテキストを定義します。主に、化学式（例: $\text{H}_2\text{O}$ の $\text{2}$）や、数学的な変数の添え字（例: $a_i$ の $i$）などの文脈で使用されます。
play_circle
デモ (静的表示)
HTML (Source)
水分子の化学式: H<sub>2</sub>O
<br><br>
変数aのi番目: a<sub>i</sub>
Preview (Result)
水分子の化学式: H2O
変数aのi番目: ai
変数aのi番目: ai
list
属性 (Attributes)
| 属性名 | 説明 |
|---|---|
| グローバル属性 | 全ての HTML 要素で使用できる標準の属性（class, id, style など）のみ使用可能です。 |
code
実用例
1. 化学式における原子数
二酸化炭素の組成式は $\text{CO}<sub>\text{2}</sub>$ です。
2. 数学的な変数の添え字
シーケンスの $n$ 番目の要素は $x<sub>\text{n}</sub>$ と表されます。
3. 著作権表示の脚注
<!-- 視覚的に脚注を示すスタイルとしても利用される場合があります。 -->
Copyright $\text{2024}<sub>*</sub>$.
lightbulb
知っておくべき重要事項
style
視覚的表現と意味論
単に文字を小さくしたり、ベースラインを下げたりする**視覚的な目的のためだけに**
単に文字を小さくしたり、ベースラインを下げたりする**視覚的な目的のためだけに**
<sub> を使用するのは避け、 $\text{CSS}$ を使用すべきです。 <sub> は、科学式や数学的添え字といった**意味論的な目的**のために予約されています。
accessibility_new
アクセシビリティ
スクリーンリーダーは通常、 $\text{sub}$ 要素を特別な方法で読み上げるわけではありません。そのため、重要な意味を持つ下付き文字（例：商標記号）については、 $\text{aria}$ 属性や補足的なテキストで意味を明確にすることが、特にアクセシビリティを重視する場面では検討されます。
スクリーンリーダーは通常、 $\text{sub}$ 要素を特別な方法で読み上げるわけではありません。そのため、重要な意味を持つ下付き文字（例：商標記号）については、 $\text{aria}$ 属性や補足的なテキストで意味を明確にすることが、特にアクセシビリティを重視する場面では検討されます。