Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】sup要素の使い方

sup要素の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

supオブジェクトは、HTMLドキュメント内で上付き文字を表すオブジェクトです。この要素は、主に文章の脚注参照番号や、数式における指数などを表現する際に利用されます。例えば、「E=mc²」のように数字や記号を通常のテキストよりわずかに上に配置して表示する場合に用います。

sup要素は単なる視覚的な装飾ではなく、そのコンテンツが周囲のテキストに対する上付き文字として意味を持つことを示します。これにより、スクリーンリーダーなどの補助技術を利用するユーザーにも、その情報が上付き文字として正しく伝わります。

ウェブ標準では、sup要素は純粋に上付き文字としての意味が必要な場合に限定して使用することが推奨されています。単に文字を上に配置したいという見た目の調整はCSSで行い、sup要素はコンテンツの持つ本来の意味に合わせて利用することが重要です。sup要素はインライン要素であり、他のテキストコンテンツの中に含めて使用します。この要素には特定の固有属性はありませんが、HTMLのグローバル属性を適用することができます。

公式リファレンス: <sup>: The Superscript element

構文(syntax)

1<sup>コンテンツ</sup>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ