RINRI.CO

WebPage,CSSの文字化けを防ぐ方法

UTF-8のCaseの文字コード宣言

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

EUC JPのCaseの文字コード宣言

<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">

Shift_JISのCaseの文字コード宣言

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

WebPageの文字化けを防ぐには、そのページの文字コードを宣言する1文をWebPageのheadタグ内に記述することが有効である。
上記のcodeのように記述すると,ほとんどの場合文字化けは見られなくなる。

HTML5のCase、以下の様に短く記述することもできる。

<meta charset="UTF-8">

CSSでも、文字コード宣言が為されていたほうが良い。
CSSの1行目に@以下の文字コード宣言を記述する。
UTF-8のCaseのCSS文字コード宣言

@charset "UTF-8";

EUC-JPのCaseのCSS文字コード宣言

@charset "EUC-JP";

Shift_JISのCaseのCSS文字コード宣言

@charset "Shift_JIS";

CSSでは文字コード宣言がなくとも問題なくWorkするCaseが多い。
Source内に日本語がなければ多くのCaseで問題ないかもしれない。
font-family: "ＭＳ ゴシック"; 等の日本語のフォント名がSource内にある場合、fontが反映されないCaseが考えられる。



Webサーバソフトがnginxである場合、文字コード宣言が為されていても、文字化けが起こりうる。
その場合、ディレクトリ内 .user.ini ファイルの default_charset の値を変更すると良いケースが考えられる。
EUC-JPのcase

default_charset = EUC-JP

上記でも改善されない場合、他の設定部分に文字コードに関するものがあるか探し、あったら書き換えると良いかもしれない。

EUC-JP
EUC-JPでは、英数字は1バイト、日本語の文字は2バイト(僅かに3バイト要するものも有)で表現される。

文字コード	バイト	説明
UTF-8	英数字: 1 byte 日本語: 3 byte (稀に 4 byte)	Wikipedia, Google をはじめ、現在最多の日本語WebSiteで使用されている。 日本語以外の言語の文字は、6バイトまでのサイズで表現される。 世界の多くの言語の文字に対応している。
EUC-JP	英数字: 1 byte 日本語: 2 byte (稀に 3 byte)
Shift-JIS	英数字: 1 byte 日本語: 2 byte	MS社、ASCII社、等により制定された。

RINRI.CO 管理人

ネーム	rinri39
略歴	兵庫県在住の暦学理論研究家。 暦学や四柱推命学の研究に長年関わる。 数位術とr暦学として内容をまとめる。 令和3年、「四柱数位術」の書籍を出版。
活動領域	数位術、R暦学、暦学関連 ノート、手帳のデザイン コンピュータ, プログラミング関連 宇宙関連, RIUA関連

rinri39が管理するWebSite,Wiki,等

Rの本棚 - Wiki3	rinri39の推薦図書，等を掲載
数位術理論 @wiki	数位術とr暦学に関するwiki (@wiki)
四柱数位術 - Wiki3	四柱数位術理論のwiki (Wiki3)
r暦学 - Wiki3	r暦学のwiki (Wiki3)
工晋會 - Wiki3	思想団体 工晋會のwiki (Wiki3)
File13 - Wiki3	歴史に関する様々な新説
Smooth Diet	スムース ダイエット等の食事法等

出版関連

池内倫途著　四柱数位術 (楽天ブックス)
池内倫途著　r暦学 (楽天ブックス)
e-hon (全国書店ネットワーク)

Web関連リンク

PHP > PHP マニュアル > 言語リファレンス
IPくん (IPアドレス,環境変数等確認)

ソフトウェア関連リンク

LibreOffice