HTMLファイル文字化け

Question

HTMLファイルを作成し、ブラウザに貼り付けたところ文字化けしてしまいテキストがうまく表示されません。どうすれば治るでしょうか。教えて下さい。宜しくお願いします。

Answer 1

文字化けの感じからすると"ja"や"Shfit_JIS"とかの"の囲まれている前後に余計な文字が入っているように見えます。そのため、<meta charset="Shfit_JIS">と書かれている(はずの)部分が正しく認識されず、間違ったエンコードで解釈されていると思われます。

まず、HTMLファイルを作成したときに、どのようなエディタを使ったでしょうか？プレーンテキストを扱うテキストエディタでないと正しく作ることはできない場合があります。Windows標準のワードパッドやMac標準のテキストエディットなどはリッチテキストエディタと言われるものなので絶対に使わないでください。もし、テキストエディタというものがよくわからなければBracketsをお勧めします(ただし、BracketsはUTF-8がデフォルトになりますので、"Shift_JIS"の部分は"UTF-8"にしてから保存してください)。そのエディタ上で、"の前後で変な文字が入っていないか確認してください。あれば削除してから保存してみて、保存したHTMLファイルをブラウザの「ファイルを開く」から開いてみてください。

Answer 2

エンコードはHTMLヘッダの中に書いておくのがベターです．
文字コード宣言は行いましょう(HTML) - Web標準普及プロジェクト

Comments

[raccy]

HTML5で書かれているようなので、そのサイトの情報では古すぎて参考になりませんよ。

Answer 3

ファイル自体のエンコードを修正してください。
たとえば、サクラエディタであれば、名前をつけて保存で、左下にエンコードが出てくるので、
そこを正しく変更して保存です。