Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<sub> and <sup>

<sub> は HTML の要素で、表記上の理由で下付き文字として表示するべきインラインテキストを示します。下付き文字は普通、小さめのテキストを使用してベースラインよりも低く表示されます。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<sub>
1
12
1
≤4
18
≤3.2
<sup>

は HTML の要素で、表記上の理由で上付き文字として表示するべきインラインテキストを指定します。上付き文字は普通、小さめのテキストを使用して高いベースラインで表示されます。
1
12
1
≤4
18
≤3.2
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<p>Chemical formula for water: H<sub>₂</sub>O</p>
<p>Formula for area: A = πr²</p>
<p>Annotation text<sup><a href="#note1">[1]</a></sup></p>

ライブデモ

上付き・下付き文字

sub（下付き）と sup（上付き）で数式や注釈を表現。

プレビュー全画面表示

脚注参照

sup を使った脚注番号と脚注リストのパターン。

プレビュー全画面表示

商標・著作権記号

sup で商標記号や著作権マークを上付き表示。

プレビュー全画面表示

実務での使いどころ

  • <sub> and <sup> の活用

    <sub> は HTML の要素で、表記上の理由で下付き文字として表示するべきインラインテキストを示します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク