A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from http://developer.mozilla.org/ja/docs/Web/HTML/Reference/Elements/sup below:

<sup>: 上付き文å—è¦ç´ - HTML | MDN

<sup>: 上付き文字要素

Baseline Widely available

<sup> は HTML の要素で、表記上の理由で上付き文字として表示するべきインラインテキストを指定します。上付き文字は普通、小さめのテキストを使用して高いベースラインで表示されます。

試してみましょう 
<p>
  The <em>Pythagorean theorem</em> is often expressed as the following equation:
</p>

<p>
  <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
</p>

p {
  font:
    1rem "Fira Sans",
    sans-serif;
}
属性

この要素にはグローバル属性のみがあります。

使用上のメモ

<sup> 要素は、単純に表現や表示の結果を得るためではなく、表記規則上の理由、つまり、表記上の習慣や規則でテキストの位置を変更する必要がある場合にのみ使用してください。

例えば、高いベースラインを使用しているビジネスや製品のワードマークをスタイル付けするには、<sup> ではなく CSS を使用してください（例えば vertical-align）。例えば、 vertical-align: super とするか、ベースラインを 50% 上げるのであれば、vertical-align: 50% とするかしてください。

<sup> の適切な使用例には次のようなものがあります (但し、制約するものではありません)。

例 べき乗

以下のようにべき乗は、上付き文字のもっとも一般的な使い方です。

<p>
  物理学の中でもっとも有名な等式の一つが、 <var>E</var>=<var>m</var><var>c</var
  ><sup>2</sup> です。
</p>
結果 Superior lettering

Superior lettering は、厳密には上付き文字と同じではありません。しかし、 HTML で superior lettering を表現することは <sup> の一般的な利用方法です。最も多い superior lettering の使用例はフランス語の略語の表現です。

<p>Robert a présenté son rapport à M<sup>lle</sup> Bernard.</p>
結果 序数

英語の "fourth" やスペイン語の "quinto" などの序数は、数字と上付き文字で表示される言語に依存したテキストを使用して略されることがあります。

<p>
  The ordinal number "fifth" can be abbreviated in various languages as follows:
</p>
<ul>
  <li>English: 5<sup>th</sup></li>
  <li>French: 5<sup>ème</sup></li>
</ul>
結果 技術的概要 仕様書 ブラウザーの互換性 関連情報

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4