学びBAR
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ
HOME / WEB関連知識のスキルアップ / HTMLクイック・リファレンス / HTML5(目的別) / <sup>

HTML5  <sup>

<sup>タグはsuperscriptの略で、上付き文字を表す際に使用します。
<sup>は、特定の意味を持つ表記方法のために使用する要素です。 単に文字が上付きになるという表示の見栄えを目的として<sup>を使用してはいけません。 この要素が無ければ意味が変わってしまう場合にのみ使用します。
数学的表現では、下付き文字や上付き文字がよく使用されます。 数学のマークアップにはMathMLを使用することが推奨されていますが、 精密な数学的マークアップをする必要が無ければ、<sub>や<sup>を使うことができます。
一部の言語では、略語を表す際に上付き文字が使用されることがあります。 例えば、フランス語のmademoiselle(マドモワゼル 未婚の女性)はMlle、 Madame(マダム 既婚女性)Mmeと略して表記されることがありますが、 その略語の一部を上付き文字にするのが慣例となっています。
HTMLソース
<p lang="en">
The most beautiful women are
<span lang="fr"><abbr>M<sup>lle</sup></abbr> Gwendoline</span> and
<span lang="fr"><abbr>M<sup>me</sup></abbr> Denise</span>.
</p>
<p lang="ja">
(訳)もっとも美しい女性は、グウェンドライン嬢とデニス夫人です。
</p>
↓↓↓
ブラウザ上の表示

The most beautiful women are Mlle Gwendoline and Mme Denise.

(訳)もっとも美しい女性は、グウェンドライン嬢とデニス夫人です。

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

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

■使用例

HTMLソース
<p><var>E</var>=<var>m</var><var>c</var><sup>2</sup></p>
↓↓↓
ブラウザ上の表示

E=mc2

HOME                      ABOUT                      SERVICES                      UPDATES                     CONTACT
画像
1996-2024(c)Cre'ps design lab.  All rights reserved.
  • Home
  • WEB関連知識のスキルアップ
    • Udemy 開催講座 >
      • HTML,CSSルール基礎知識 >
        • Udemy 1800円受講クーポン
    • セマンティックHTMLとは?
    • HTML特殊文字コード表
  • ストリートアカデミー講座
    • HTMLルール基礎 4h テキストダウンロード
  • 学びBARについて
  • コラム
  • お問合せ