HOME / WEB関連知識のスキルアップ / HTMLクイック･リファレンス / HTML5（目的別） / <sub>

HTML5  <sub>

<sub>タグはsubscriptの略で、下付き文字を表す際に使用します。

<sub>は、特定の意味を持つ表記方法のために使用する要素です。 単に文字が下付きになるという表示の見栄えを目的として<sub>を使用してはいけません。 この要素が無ければ意味が変わってしまう場合にのみ使用します。

数学的表現では、下付き文字や上付き文字がよく使用されます。 数学のマークアップにはMathMLを使用することが推奨されていますが、 精密な数学的マークアップをする必要が無ければ、<sub>や<sup>を使うことができます。

変数に下付き文字を持たせる際には、<var>～</var>の中に<sub>を配置します。 例えば、X1,X2,X3,…という具合に変数に番号を振って数字部分だけを下付きにしたい場合には、 <var>X₁</var>という具合にマークアップします。

HTMLソース
<p>
<var>i</var>番目の座標は、
(<var>x_<var>i</var></var>, <var>y_<var>i</var></var>)
で表すことができます。例えば、１０番目の座標は
(<var>x₁₀</var>, <var>y₁₀</var>)
となります。
</p>

↓↓↓

ブラウザ上の表示

i番目の座標は、 (x_i, y_i) で表すことができます。例えば、１０番目の座標は (x₁₀, y₁₀) となります。

■HTML4.01からHTML5へのバージョンアップによる変更点

sub要素は、HTML4.01からHTML5へのバージョンアップで大きな変更はありません。

■使用例

HTMLソース
<p>f(<var>x</var>, <var>n</var>) = log₄<var>x</var>^<var>n</var></p>

↓↓↓

ブラウザ上の表示

f(x, n) = log₄xⁿ