HTML の下付き文字タグと上付き文字タグ

HTML の下付き文字タグと上付き文字タグ

HTMLでは、 鬼ごっこ は下付き文字に使用され、テキストが通常の線よりわずかに下に表示されます。 鬼ごっこ は上付き文字に使用され、テキストを通常の線のわずかに上に配置します。これらのタグは、通常のテキスト行よりも低くまたは高くテキストを書式設定するために使用され、化学式や数式などのアプリケーションに役立ちます。

gh-660x321

目次

添字

鬼ごっこ HTML ドキュメントに下付きテキストを追加するために使用されます。の タグは下付き文字を定義します。下付きテキストは通常​​の行より半文字下に表示され、小さなフォントで表示される場合があります。下付き文字は、H2O を H と書くなど、化学式に使用できます。 2 O.

例: サブスクリプトタグの実装例を示します。

html




> <> html> >>> > <> head> >>> > <> style> >>> > sub {> > vertical-align: sub;> > font-size: small;> > }> > style>頭>

サブ要素はこのように表示されます p>

このテキストには次の内容が含まれています 下付き文字sub> p>

デフォルトの CSS 設定を変更して効果を確認します。 p>本文>html>>>

出力:

例: 数学形式でのサブスクリプトタグの実装。

html




> <> html> >>> <> head> >>> > <> style> >>> > sub {> > vertical-align: sub;> > font-size: medium;> > }> > style>頭>

添え字テキストを示す例p>

水の化学式はHです 2sub>オン>

T i+2sub>= T issub> + T i+1sub>p>

デフォルトの CSS 設定を変更して効果を確認します。p> body> html>>>

出力:

上付き文字 :

鬼ごっこ HTML ドキュメントに上付き文字を追加するために使用されます。の タグは上付き文字を定義します。上付きテキストは通常​​の線より半文字上に表示され、小さなフォントで表示される場合があります。上付き文字は脚注に使用できます。

例: スーパースクリプトタグの実装と例。

html




> <> html> >>> <> head> >>> > <> style> >>> > sup {> > vertical-align: super;> > font-size: small;> > }> > style>頭>

sup 要素は次のように表示されます:p>

このテキストには次の内容が含まれています 上付きテキストup>p>

デフォルトの CSS 設定を変更して効果を確認します。p> body> html>>>

出力:

例: 数学形式での sup スクリプト タグの実装と例。

html




> <> html> >>> > <> head> >>> > <> style> >>> > sup {> > vertical-align: super;> > font-size: medium;> > }> > style>頭>

上付き文字を示す例p>

2 4sup>=16p>

バツ 4sup>+Y 6sup>p>

9 9月のこの>

デフォルトの CSS 設定を変更して効果を確認します。p> body> html>>>

出力:

例: sup および sub スクリプトタグの実装

HTML




> <> html> >>> > <> body> >>> > <> p> >テスト中>> > <> sub> >下付き文字sub> p>

テスト 上付きテキストsup> p> body> html>>>

出力:

サポートされているブラウザ:

  • グーグルクローム1
  • マイクロソフトエッジ12
  • Firefox 1
  • オペラ 15
  • サファリ4