よく使う特殊文字コードを数値文字参照と文字実体参照とでまとめてみた。

特殊文字コード、数値文字参照と文字実体参照

この2つどのように使い分けるのか。それはフロントエンドなら疑似要素（::before、::after）で使うかどうかでわけてよいと思う。

上の表の「表示」の見出しの部分が普通にDOMに書いて使う用、疑似要素で使うなら「16進法」の文字を使うって感じ。具体的には16進法をちょっといじった感じなんだけど。
「表示」の文字コードを疑似要素のcontentに書いてもそのまま出ちゃうので注意。