HTMLの特殊文字について

HTMLの特殊文字について

HTMLで¥(円)が\(バックスラッシュ)になってしまう時の対処方法。
HTMLの特殊文字について。

参考URL
HTMLで記事を書いていると、たまに¥や&が勝手に変換されて思ったような見た目にならない事があります。
これら特殊文字の対応についてメモ。

特殊文字で¥マークを記述

先に結論から言うと、
 ¥ 
と入力すればOKです。以下は修正までの経緯になります。

Java開発環境を整える記事 を作成中に、DBに¥と書き込んでもブラウザ上では勝手に\に置き換えられて困っていました。
下がDBでの書き込みです。
DBの書き込み
下がブラウザ上での表示です。
Web上の表示

これは世界の主要なフォントでは¥の文字コードに\を割り当ててるのが原因です。
このためフォントを日本語特化したものに変えれば良いと思って、最初はcssでfont-family: 'MS ゴシック';を設定することで一応の解決はできました。
しかしよく考えると'MS ゴシック'はWindowsには標準搭載されていますが、Macには搭載されていません。

これでは抜本的な解決にはならないのでもっとよく調べて、特殊文字というのを見つけました。
HTMLでは専用のコードを用意していて、&から始まる短いコードを打ち込むと、環境を問わず目的の記号を表示できます。
¥の場合¥と打ち込めばOKです。
DBの書き込み修正
Web上の表示修正

よく使う特殊文字

自分用に他のよく使う特殊文字を列記。
 & 
: 「&」を表示
 ¥ 
: 「¥」を表示
 \ 
: 「\」を表示
 " 
: 「"」を表示
 ' 
: 「'」を表示
 < 
: 「<」を表示
 &gt; 
: 「>」を表示
 &nbsp; 
: 「 」(半角スペース)を表示
 &emsp; 
: 「 」(全角スペース)を表示
0
0