LoginSignup
0
0

More than 3 years have passed since last update.

【HTML】n乗などの上付き文字をHTMLで表す方法

Last updated at Posted at 2020-10-27

プログラミング勉強日記

2020年10月27日
10cm^2といった表記よりも1cm²といった上付き文字で表示した方がわかりやすいので、その方法を簡単にまとめる。

sup要素を使う方法

 superscript(右肩文字・上付き文字)の略である<sup>タグを使用する。ただし、sup要素は特定の意味を持つ表記方法のために使用する要素で、単に文字が上付きになるという表示の目的として使ってはいけない。使い方は以下のようになる。

sup要素は注釈の存在や脚注番号を載せるときに使用してもいい。

HTML(例)
30km<sup>2</sup> (平方キロメートル) <br>
51cm<sup>3</sup> (立方センチメートル) <br>
x<sup>10</sup>+y<sup>7</sup> (xの10乗+yの7乗) <br>
x<sup>a</sup>+y<sup>b</sup> (xのa乗+yのb乗)

実行結果
image.png

文字実体参照を使う方法

 1乗・2乗・3乗の3種類のみは特殊な文字を表示するために使われる文字実体参照という方法で表すことができる。
 文字実体参照はすべて半角文字で&から始まって;で終わる書き方のこと。使い方は下記のようになる。

HTML(例)
x&sup1; (xの1乗) <br>
12km&sup2; (平方キロメートル) <br>
80cm&sup3; (立方センチメートル)

実行結果
image.png

参考文献

上付き文字を表示する
2乗や3乗などのn乗をHTMLで表示する方法

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0