上付き文字・下付き文字
ここでは<sup>と<sub>についての解説をしていきます。
化学式や数式を表すときなどに使用され、右上や右下に小さく表示する文字を設定できます。ここではそれぞれ上付き文字、下付き文字としています、
上付き文字・下付き文字
sup要素は上付き文字(superscript)、sup要素は下付き文字(subscript)を表します。いずれも単に表示のデザインとして使用するのは適切な使い方ではありません。sup要素は数学の二乗や単位に添える数字などを表し、sub要素は化学式の原子の個数や、数学の下付き文字などに使用します。
要素 | 解説 |
<sup> | 上付き文字 |
<sub> | 下付き文字 |
<p>5<sup>3</sup>は125です</p>
<p>水の化学式はH<sub>2</sub>Oと表します</p>
ブラウザ表示例
53は125です
水の化学式はH2Oと表します
HTML文字 関連記事
- 改行・段落・区切り … <p>,<br>,<hr>
- <pre>を使ってコードを表す … <pre>
- 特殊文字一覧
- ルビをつける … <ruby>,<rt>
- 上付き文字・下付き文字 … <sub>,<sup>
- テキストの意味に適切なタグ … <i>,<u>,<small>
- コメントアウト … <!-- -->
- 定義語・省略語 … <dfn>,<abbr>
- 強調する … <em>,<strong>,<b>
- 引用した文章や単語を表す … <cite>,<q>,<blockquote>,<mark>
- 画像を表示する … <img>
- <div>でコンテンツをグループ化 … <div>
- <span>でテキストを区別する … <span>