HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLでテキストに上付き文字を付ける方法｜supタグの使い方を解説

HTMLで上付き文字をマークするには？

HTMLでテキストを上付き文字（superscript）として表示するには、<sup>…</sup> タグを使用します。このタグを使う際は、開始タグと終了タグの両方が必須である点に注意してください。終了タグを忘れると、以降のテキストまで上付き文字として表示されてしまいます。

上付き文字は、通常の行より半文字分高い位置に表示され、フォントサイズも周囲のテキストより小さく描画されます。数式の指数や脚注の記号などを表す際によく使われます。

HTMLでテキストに上付き文字を付ける方法｜supタグの使い方を解説

コード例

以下のコードでは、<sup> タグを使って「2の4乗」を表現しています。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML テキストの上付き文字</title>
   </head>
   <body>
      <h1>見出し</h1>
      <p>
         値： 2 <sup>4</sup> = 16
      </p>
   </body>
</html>

出力結果

ブラウザで表示すると、「4」が小さめのフォントで通常の行より高い位置に表示され、正しく上付き文字としてレンダリングされていることが確認できます。

HTMLでテキストに上付き文字を付ける方法｜supタグの使い方を解説

  1. HTMLでテキストの方向を設定する方法【directionプロパティの使い方】

    HTMLでテキストの表示方向を設定するには、style属性を使用します。style属性は要素にインラインスタイルを指定するための属性で、CSSのdirectionプロパティと組み合わせることで、テキストの流れる方向（左から右／右から左）を制御できます。 ただし、style属性で指定したスタイルはインラインスタイルとして扱われるため、<style>タグや外部スタイルシートで定義されたグローバルなスタイルよりも優先される点に注意してください。 directionプロパティに指定できる値 番号値と説明 1ltr左から右へ記述する（left to right）。日本語や英語など、ほ

  2. HTMLで略語や頭字語をマークアップする方法【abbrタグの使い方】

    HTMLで略語や頭字語をマークするには？ HTMLで略語（abbreviation）や頭字語（acronym）をマークアップするには、<abbr>タグを使用します。略語や頭字語とは、言葉を短く省略した形で、一連の文字列として表現されるものです。代表的な例としては、「Mr.」「MRP」「GMT」「NASA」などが挙げられます。 <abbr>タグにtitle属性を指定すると、その要素にマウスカーソルを合わせた際に正式名称がツールチップとして表示されます。これにより、訪問者にとって意味が分かりやすくなり、文書のアクセシビリティやSEOの面でもメリットがあります。 なお、かつて