HTML/CSS実体参照

/web/html-css

Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。

実体参照とは、文字や記号を表現する符号のこと。特殊な記号とか、HTMLで言う「<」や「>」のようにコードと混同されやすい文字を表現するために使います(もちろん普通の文字も打てる)。

HTMLでは、特定の文字を表現する際に数値で表現するものを「数値文字参照」、人が覚えやすい名前で表現したものを「文字実体参照」と言います。XMLでいう「文字参照 (Character reference)」と「実体参照 (Entity reference) 」に相当します。

postscript: CSSの実体参照は16進数。HTMLの数値参照(10進数)から、Windowsの関数電卓で求められます。

よく使うものを下記に纏めておきます。

マークアップ記号
実体参照(HTML) 数値参照(CSS) 文字 由来
&lt; \3c < less-than sign
&gt; \3e > greater-than sign
&amp; \26 & ampersand
&quot; \22 " quotation mark
&#39; \27 ' apostrophe
特殊記号
実体参照(HTML) 数値参照(CSS) 文字 由来
&laquo; \AB « eft-pointing double angle quotation mark
&raquo; \BB » right-pointing double angle quotation mark
&yen; \A2 ¥ yen sign
&plusmn; \B1 ± plus-minus sign
&divide; \F7 ÷ division sign
&times; \D7 × multiplication sign
&copy; \A9 © copyright sign
&#064; \40 @ at mark
約物
実体参照(HTML) 数値参照(CSS) 文字 由来
&ensp; \2002 en space
&emsp; \2003 em space
&thinsp; \2009 thin space
&ndash; \2013 en dash
&mdash; \2014 em dash
&lsquo; \2018 left single quotation mark
&rsquo; \2019 right single quotation mark
&ldquo; \201C left double quotation mark
&rdquo; \201D right double quotation mark
&prime; \2032 prime = minutes = feet
&Prime; \2033 double prime = seconds = inches
&frasl; \2044 fraction slash

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。