【ホームページ作成】2乗や3乗をうまく表示する

平方メートルや立方メートルのような2乗・3乗を表示するには？

距離を表現するには、たとえば「6m」や「12km」などのように表記します。 メートルという記号はアルファベットの「m」（エム）ですから何も問題ありませんね。

では、面積を示す平方メートルを表示したい場合はどうでしょうか。 また、体積を示す立方メートルを表示したい場合は？

上付き文字にするsup要素はあるけれど…

HTMLには、「上付き」文字にする「sub」という要素がありますので、これを使えば解決します。

しかし、このsub要素では、Mozilla系のブラウザではちょっと乗数が離れてしまいます。（下図の右側）

（左側）Internet Explorer6の場合 （右側）Netscape Navigator7の場合

Netscape Navigatorの例だと、乗数がずいぶん上のほうに行ってしまい、なんとなく2乗・3乗には見えにくいですね。 HTMLにはもう1つ、2乗や3乗を表現する方法があります。

実体参照で2乗や3乗を使う

2乗と3乗に限っては、HTMLの実体参照を使っても表示させることができます。

（左側）Internet Explorer6の場合 （右側）Netscape Navigator 7の場合

HTMLには、キーボードから入力できない特殊な文字や記号を表現するために、「実体参照」という方法が用意されています。 「<」や「>」を表現する「&lt;」や「&gt;」、著作権記号「©」を表現する「&copy;」などが代表格でしょうか。

この実体参照には、「2乗」や「3乗」用の数字も定義されています。

&sup2; または ² と記述すると「2乗（上付きの2）」が表示され、
&sup3; または ³ と記述すると「3乗（上付きの3）」が表示されます。

これを使うことでも、平方メートル（m²）や立方メートル（m³）などを表示可能です。

この方法だと、Netscape NavigatorなどのMozilla系ブラウザでも、乗数が離れすぎてしまうことはありません。 ただ、サイズがかなり小さめですから、必ずしもこちらの方が良いとは言えませんが。 「乗数が離れすぎるのが気になる」場合は、この実体参照を使っても良いでしょう。
※Netscape Navigator 4.xのような古いブラウザではサポートされていないため表示されません。

なお、４乗以降を表現する同様の方法はありません。（HTMLのsup要素を使いましょう）
しかし、「１乗」を表現する「&sup1;」（¹）は存在します。

Mozilla系ブラウザでの2乗や3乗の表示で困っていた方々は、実体参照を使う方法もあると知っておくと良いかも知れません。

関連記事

• ハートマークを表示したい！
• 迷惑メール対策 [2] ＠を使わずメールアドレスを記述