HTMLの特殊文字の使いどころを考える

サイト上で平方センチメートルをつかうときは

<p>cm<sup>2</sup></p>

cm²

という感じでsupタグをつかって対応していたのですが、プルダウンメニュー内に実装する機会が出てきたときに困りました。

もろもろ考えた結果、HTMLの特殊文字をつかって解決しました。

<select>
    <option value="">指定なし</option>
    <option value="S1">100&#13216;以上</option>
    <option value="S2">50&#13216; 〜 100&#13216;</option>
    <option value="S3">50&#13216;以下</option>
</select>

指定なし 100㎠以上 50㎠ 〜 100㎠ 50㎠以下

参考サイト

rikiy.jp