HTML5

よく使うHTMLの特殊文字(エンティティ)の一覧-CSSコードも有り

特殊文字をHTMLで書く機会って意外と多いですが、いざ使おうとすると、正しい表記がわからなくなってしまったりするので、まとめておきました。

後半は使う機会は少ないかもしれないけど、知っていると便利そうなものをシーン別に用意しました。

Webサイト制作でよく使う記号

記号 文字参照 数値参照
(10進数)
CSSコード 意味
< &lt; &#60; \003C 小なり、不等号
> &gt; &#62; \003E 大なり、不等号
& &amp; &#38; \0026 アンパサンド
? &quest; &#63; \003F クエスチョンマーク
&nbsp; &#160; \00A0 ノーブレークスペース
&quot; &#34; \0022 クオーテーションマーク(ダブルクオート)
/ &sol; &#47; \002F スラッシュ
: &colon; &#58; \003A コロン
; &semi; &#59; \003B セミコロン

よく使うマーク

記号 文字参照 数値参照
(10進数)
CSSコード 意味
© &copy; &#169; \00A9 コピーライト、著作権表示
® &reg; &#174; \00AE 商標登録マーク
&trade; &#8482; \2122 トレードマーク、商標
@ &commat; &#64; \0040 アットマーク
&copysr; &#8471; \2117/td>

サウンド著作権

ビジネスシーンで使いそうなマーク

記号 文字参照 数値参照
(10進数)
CSSコード 意味
&#8481; \2121 電話
&#8507; \213B ファックス
&phone; &#9742; \260E 電話(黒)
&#9743; \260F 電話(白)
&#9850; \267A リサイクル
&#9851; \267B リサイクル

通貨

記号 文字参照 数値参照
(10進数)
CSSコード 意味
$ &dollar; &#36; \0024 ドル
¢ &cent; &#162; \00A2 セント
£ &pound; &#163; \20AC ポンド
&euro; &#8364; \260F ユーロ
¥ &yen; &#165; \00A5
&#20870; \5186
&#65509; \FFE5 円(全角)
&#8383; \20BF ビットコイン

矢印

記号 文字参照 数値参照
(10進数)
CSSコード 意味
&larr; &#8592; \2190 左矢印
&rarr; &#8594; \2192 右矢印
&uarr; &#8593; \2191 上矢印
&darr; &#8595; \2193 下矢印
&harr; &#8596; \2194 左右矢印
&varr; &#8597; \2195 上下矢印
&nwarr; &#8598; \2196 左斜め上矢印
&nearr; &#8599; \2197 右斜め上矢印
&searr; &#8600; \2198 右斜め下矢印
&swarr; &#8601; \2199 左斜め下矢印
&orarr; &#8635; \21BB 時計回り矢印
&olarr; &#8634; \21BA 反時計回り矢印

今後も追加していきます。

Related posts

HTMLで略語と定義をマークアップする方法

ItSpaceBiz

table要素のカラム(列)グループの使い方

ItSpaceBiz

Webページで、ルビ(ふりがな)をふる時の正しいHTMLの記述

ItSpaceBiz