HTML 特殊文字コードの便利帳

投稿者: | 2018/01/13

HTML 特殊記号等

WEBサイトに記事を書く際に特殊な文字を使用したくなることが偶にある。滅多に使うことは無いのだけれど、実際に使うとなると文字や記号のコードを覚えている訳ではないので、そのたった一つの文字を探すためにネットを彷徨うことになる。
ところで、こうした HTML特殊文字コードを取り扱っているサイトの数は多く、とは言え、自分が使いやすそうなサイトに辿り付くのに逆に苦労したりする。

なので、自分用に — HTML特殊文字コードの便利帳 — を作ってみた。
(随時追記予定)


文字実体参照を使うのが望ましい特殊記号等

HTMLに従ってソースコードを記述していく上で特別な意味を持つ記号が存在し、これらを使う際は文字実体参照を用いる。

HTML マークアップ記号等
表示 数値文字参照 文字実体参照 記号名
< &#60; &lt; 不等号(より小さい)
> &#62; &gt; 不等号(より大きい)
& &#38; &amp; アンパサンド
" &#34; &quot; 引用符
' &#039; &apos; アポストロフィ

紛らわしい特殊記号、特殊文字

似ているにも拘わらず、用途が異なる記号や、逆に用途が同じで異なる文字がある。

山括弧
表示 数値文字参照 文字実体参照 記号名
‹ &#8249; &lsaquo; 始め山括弧
› &#8250; &rsaquo; 終わり山括弧
« &#171; &laquo; 始め二重山括弧
» &#187; &raquo; 終わり二重山括弧

山括弧は強調したい箇所やタイトル、あるいは小見出しに用いられ、また引用する時にも使われる。間違いやすいのは、マークアップ記号(不等記号)と形状が似ていて、代用してしまうことだろうか。間違いを避けるため、敢えて二重山括弧を常用するのも一つの手段である。

スペース
表示 数値文字参照 文字実体参照 記号名
━ ━ &#160; &nbsp; 半角幅の空白(折返し無し)
━ ━ &#8194; &ensp; 半角より幅の広い空白
━ ━ &#8195; &emsp; さらに広い空白
━ ━ &#8201; &thinsp; 半角より狭い幅の空白

&nbsp; の «nbsp» は «Non-Breaking Space» の略。本文を英文で書き出した際、単語と単語の間で意図しない改行が行われることがある。一つの単語の文字途中で改行を防止するための措置であるが、単語と単語の間の空白として、&nbsp;を用いると、その位置での単語間の改行が行われなくなる。

使い方によっては、レイアウトが崩れることもあり、安易に使うべきものではない。

また、文字間隔を調整するために空白文字を使用するのは好ましくない。余程のことがない限り、半角スペースキーを用いるのが望ましい。

ダッシュ・マイナス
表示 数値文字参照 文字実体参照 記号名
– &#8211; &ndash; 半角より幅の広いダッシュ
— &#8212; &mdash; より幅の広いダッシュ
− &#8722; &minus; マイナス記号
‑ &#8209; ハイフン(改行無し)

マイナス記号は、数式の演算に用いられる他、住所表示にも使われる。一方、よく似たダッシュのうち、&ndash;は範囲を表す «~» に近い用途。また、より幅の広い&mdash;は、タイトルや小見出しに添え、装飾に使われる。

ユニコードとしてのハイフン、マイナス、ダッシュあるいは、それに類似する横棒記号は優に100種類以上ある。ただし、実際に HTMLの特殊文字として使うのであれば、表の上から 3つ目まで。
英文中で結合文字を使用する際、レイアウト上の問題で改行したくない時のみ 4番目のハイフンを使用するのが望ましいと思われる。

用途別特殊文字、記号

矢印
表示 数値文字参照 文字実体参照 記号名
← &#8592; &larr; 左矢印
→ &#8594; &rarr; 右矢印
↑ &#8593; &uarr; 上矢印
↓ &#8595; &darr; 下矢印
↔ &#8596; &harr; 左右両矢印
↵ &#8629; &crarr; リターンキー
⇐ &#8656; &lArr; 左二重矢印
⇑ &#8657; &uArr; 上二重矢印
⇒ &#8658; &rArr; 右二重矢印
⇓ &#8659; &dArr; 下二重矢印;
⇔ &#8660; &hArr; 左右二重矢印
ローマ数字
表示 数値文字参照 文字実体参照 記号名
Ⅰ &#8544; ローマ数字1
Ⅱ &#8545; ローマ数字2
Ⅲ &#8546; ローマ数字3
Ⅳ &#8547; ローマ数字4
Ⅴ &#8548; ローマ数字5
Ⅵ &#8549; ローマ数字6
Ⅶ &#8550; ローマ数字7
Ⅷ &#8551; ローマ数字8
Ⅸ &#8552; ローマ数字9
Ⅹ &#8553; ローマ数字10
Ⅺ &#8554; ローマ数字11
Ⅻ &#8555; ローマ数字12
Ⅼ &#8556; ローマ数字50
Ⅽ &#8557; ローマ数字100
Ⅾ &#8558; ローマ数字500
Ⅿ &#8559; ローマ数字1000
丸囲い数字
表示 数値文字参照 文字実体参照 記号名
① &#9312; 丸囲い数字1
② &#9313; 丸囲い数字2
③ &#9314; 丸囲い数字3
④ &#9315; 丸囲い数字4
⑤ &#9316; 丸囲い数字5
⑥ &#9317; 丸囲い数字6
⑦ &#9318; 丸囲い数字7
⑧ &#9319; 丸囲い数字8
⑨ &#9320; 丸囲い数字9
⑩ &#9321; 丸囲い数字10
⑪ &#9322; 丸囲い数字11
⑫ &#9323; 丸囲い数字12
⑬ &#9324; 丸囲い数字13
⑭ &#9325; 丸囲い数字14
⑮ &#9326; 丸囲い数字15
⑯ &#9327; 丸囲い数字16
⑰ &#9328; 丸囲い数字17
⑱ &#9329; 丸囲い数字18
⑲ &#9330; 丸囲い数字19
⑳ &#9331; 丸囲い数字20
トランプマーク、星
表示 数値文字参照 文字実体参照 記号名
♠ &#9824; &spades; スペード
♣ &#9827; &clubs; クラブ
♥ &#9829; &hearts; ハート
♦ &#9830; &diams; ダイヤ
★ &#9733; 黒星
☆ &#9734; 白星
■ &#9632; &#x25A0; 黒四角
□ &#9633; &#x25A1; 白四角
▲ &#9650; &#x25B2; 黒三角
△ &#9651; &#x25B3; 白三角
▼ &#9660; &#x25BC; 逆黒三角
▽ &#9661; &#x25BD; 逆白三角
● &#9679; &#x25CF; 黒丸
○ &#9675; &#x25CB; 白丸
数字・算術演算記号
表示 数値文字参照 文字実体参照 記号名
+ &plus; プラス記号
− &#8722; &minus; マイナス記号
× &#215; &times; 乗算記号
÷ &#247; &divide; 除算記号
± &#177; &plusmn; プラスマイナス記号
< &#60; &lt; 不等号(より小さい)
> &#62; &gt; 不等号(より大きい)
≤ &#8804; &le; 以下
≥ &#8805; &ge; 以上
≪ &#8810; はるかに小さい
≫ &#8811; はるかに大きい
≠ &#8800; &ne; 等しくない
≈ &#8776; &asymp; ほぼ等しい
² &#178; &sup2; 上付き2
³ &#179; &sup3; 上付き3
¼ &#188; &frac14; 4分の1
½ &#189; &frac12; 2分の1
¾ &#190; &frac34; 4分の3
⁄ &#8260; &frasl; スラッシュ(分数)
∞ &#8734; &infin; 無限大記号
√ &#8730; &radic; 平方根
通貨記号
表示 数値文字参照 文字実体参照 記号名
¥ &#165;; &yen; 円記号
€ &#128; &euro; ユーロ記号
¢ &#162; &cent; セント記号
£ &#163; &pound; ポンド記号
単位記号(温度)
表示 数値文字参照 文字実体参照 記号名
℃ &#8451; セ氏度記号
℉ &#8457; カ氏度記号
単位記号(容積)
表示 数値文字参照 文字実体参照 記号名
㎕ &#13205; マイクロリットル
㎖ &#13206; ミリリットル
㎗ &#13207; デシリットル
ℓ &#8467; リットル
㎘ &#13208; キロリットル
単位記号(角度)
表示 数値文字参照 文字実体参照 記号名
° &#176; &deg; 度(角度)
㎭ &#13229; ラジアン(角度)
単位記号(長さ)
表示 数値文字参照 文字実体参照 記号名
Å &#8491; オングストローム
㎚ &#13210; ナノメーター
㎛ &#13211; マイクロメーター
㎜ &#13212; ミリメーター
㎝ &#13213; センチメーター
㎞ &#13214; キロメーター
単位記号(面積)
表示 数値文字参照 文字実体参照 記号名
㎟ &#13215; 平方ミリメートル
㎠ &#13216; 平方センチメーター
㎡ &#13217; 平方メーター
㎢ &#13218; 平方キロメーター
単位記号(体積)
表示 数値文字参照 文字実体参照 記号名
㎣ &#13219; 立方ミリメートル
㎤ &#13220; 立方センチメーター
㎥ &#13221; 立方メーター
㎦ &#13222; 立方キロメーター
単位記号(重さ)
表示 数値文字参照 文字実体参照 記号名
㎍ &#13197; マイクログラム
㎎ &#13198; ミリグラム
㎏ &#13199; キログラム
単位記号(周波数)
表示 数値文字参照 文字実体参照 記号名
㎐ &#13200; ヘルツ
㎑ &#13201; キロヘルツ
㎒ &#13202; メガヘルツ
㎓ &#13203; ギガヘルツ
単位記号(バイト単位)
表示 数値文字参照 文字実体参照 記号名
㎅ &#13189; キロバイト
㎆ &#13190; メガバイト
㎇ &#13191; ギガバイト
単位記号(電流)
表示 数値文字参照 文字実体参照 記号名
㎀ &#13184; ピコアンペア
㎁ &#13185; ナノアンペア
㎂ &#13186; マイクロアンペア
㎃ &#13187; ミリアンペア
㎄ &#13188; キロアンペア
単位記号(静電容量)
表示 数値文字参照 文字実体参照 記号名
㎊ &#13194; ピコファラッド
㎋ &#13195; ナノファラッド
㎌ &#13196; マイクロファラッド
単位記号(電圧)
表示 数値文字参照 文字実体参照 記号名
㎴ &#13236; ピコボルト
㎵ &#13237; ナノボルト
㎶ &#13238; マイクロボルト
㎷ &#13239; ミリボルト
㎸ &#13240; キロボルト
㎹ &#13241; メガボルト
単位記号(電力)
表示 数値文字参照 文字実体参照 記号名
㎺ &#13242; ピコワット
㎻ &#13243; ナノワット
㎼ &#13244;; マイクロワット
㎽ &#13245; ミリワット
㎾ &#13246; キロワット
㎿ &#13247; メガワット
単位記号(抵抗)
表示 数値文字参照 文字実体参照 記号名
Ω &#8486; オーム
㏀ &#13248; キロオーム
㏁ &#13249; メガオーム

「自分が」よく使いそうな(使っている)特殊文字

よく使いそうな特殊文字、記号
表示 数値文字参照 文字実体参照 記号名
< &#60; &lt; 不等号(より小さい)
> &#62; &gt; 不等号(より大きい)
& &#38; &amp; アンパサンド
  &#160; &nbsp; 半角スペース、折返し無し空白
© &#169; &copy; コピーライト
® &#174; &reg; 登録商標
° &#176; &deg; 度記号
℃ &#8451; 温度記号(全角)
¥ &#165; &yen; 円記号
→ &#8594; &rarr; 右矢印
← &#8592; &larr; 左矢印
※ &#8251; コメ印
% &#37; パーセント
↵ &#8629; &crarr; リターンキー
… &#8230; &hellip; 三点リーダ
« &#171; &laquo; 始め二重山括弧
» &#187; &raquo; 終わり二重山括弧
§ &#167; &sect; セクション サイン
↵ &#8629; &crarr; リターンキー
µ &#181; &micro; マイクロ
φ &#966; &phi; ファイ(小文字)
☞ &#9758;
▶ &#9654;




コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です