Skip to content


丸囲みの数字をhtmlで書いてみる

丸囲みの数字をhtmlで書いてみる

①、②など丸で囲まれた数字はよく使いますが、これはユーザーの閲覧環境で変わってしまう機種依存文字で、見る人によっては正確に表示されない場合もあります。
なるべく使わないのが一番なのですが、どうしても使わなければならない!という時があるかもしれません。
そんな時には次のように書きましょう。これでユーザー側に左右されずちゃんとした丸囲み数字が表示されるはずです。あーよかった。

丸囲み数字はこう書く

下のように頭が&#93で始まるコードを書くと・・・

1
2
3
4
①/②/③/④/⑤
⑥/⑦/⑧/⑨/⑩
⑪/⑫/⑬/⑭/⑮
⑯/⑰/⑱/⑲/⑳

こんな風↓に表示されます。

①/②/③/④/⑤
⑥/⑦/⑧/⑨/⑩
⑪/⑫/⑬/⑭/⑮
⑯/⑰/⑱/⑲/⑳

まあ今となってはUTF-8も主流になっていますし、そんなに気を使う必要もないのかもしれませんが、いろんな環境下で見ている人のことを考えるとやっぱり気をつけておいた方がいいのかな~と思います。。

こちらから抜粋させていただきました~。
http://allabout.co.jp/internet/hpcreate/closeup/CU20051102A/

このエントリーを含むはてなブックマーク この記事をクリップ! コメントを見る にほんブログ村 デザインブログ Webデザインへ
 

カテゴリ : サイト紹介, チュートリアル. タグ : , ,



Some HTML is OK