とあるweb屋の仕事術

10年以上現役のweb製作屋さん。web製作雑務全部やる。

Webサイトでの特殊文字や記号は実体参照でHTMLに記述しよう

Webサイトでの特殊文字や記号は実体参照でHTMLに記述しよう

実体参照とは、

ある文字を別の書き方で書き表す方法です。

uhyohyo.sakura.tv

文字化けするような環境依存文字や特殊文字などを

表記する際に用いられる方法で、

HTMLコーディングする際には知っておきたい知識です。

よく使われるものとしては以下のようなものがあります。

©
 
&
<
>
¥
 
さてこれらはどのように表示されるかというと、
下記のように表記されます。
©
&
<
>
¥
他にもいろいろな特殊文字がありますが、
実体参照ではどのような表記をするのかは
以下のサイトが参考になります。

ochikochi.com

実体参照で記述しない場合、

文字化けの原因になったり、

文字化けが影響してレイアウトが

総崩れになったりとHTML上で

表示が不安定になるため、特殊な記号や

文字は実体参照を使用しましょう。

 

意外に知られていないのが円マークなんですよね。

円マークはHTML上は「&yen;」と記述するとよいです。