sub要素、sup要素：HTML Living Standard各要素別メモ

概要

カテゴリー

• Flow content
• Phrasing content
• Palpable content

配置できる場所

• 上記カテゴリーの要素が置ける場所。

内容モデル

• Phrasing content

属性

• グローバル属性

HTML構文におけるタグの省略

• 省略不可。

WAI-ARIA

• sub要素のデフォルトroleは、subscript。デフォルトroleをrole属性値に指定することは、推奨されない。
• sup要素のデフォルトroleは、superscript。デフォルトroleをrole属性値に指定することは、推奨されない。
• デフォルトrole以外では、すべてのroleが指定可能。

視覚系ブラウザのデフォルトとして期待されるCSS

  sub,
  sup {
    line-height: normal;
    font-size: smaller;
  }

  sub {vertical-align: sub;}
  sup {vertical-align: super;}
  

意味・用法

sub要素は下付き文字、sup要素は上付き文字を表す。

これらの要素は、明確な意味を伴う表記規則をマークアップするためのみに使用しなければならない。

私見・補足

上付き文字・下付き文字で表記しなければならないと決められているもの、印刷慣例において上付き文字・下付き文字で表示するもの、上付き文字・下付き文字でないと意味が通じないものなどに用いる。

見た目目的でのみの使用は不可。

表示確認

ソース

  <div>2の2乗→2<sup>2</sup></div>
  <div>酸素の分子記号→O<sub>2</sub></div>
  <div>商標を表す<sup>TM</sup>記号</div>
  

表示結果

2の2乗→2²

酸素の分子記号→O₂

商標を表す^TM記号