utf-8 文字化け

Question

メモ帳でhtmlページを作成してたのですが、日本語を入力してIEで確認したら文字化けになります原因がわからず困っていましたよろしくお願いします IE10 IE　表示　エンコードはutf-8 自動選択にすると日本語表示になります ABC

ようこそ

kaisinjuku04 · Accepted Answer

文字コードの問題は、それで結構です。
つまり、Shiｆｔ-JISでコードを作成していたけど、DOCTYPEでUTF-8にしたために、ブラウザがUTF-8のコードとして読み込んで起きた文字化けです。エンコードでUTF-８に変換して上書き保存すれば、コードが一致するために文字化けが解消されたわけです。

次のページを作るとき、今のページを書き換えるときなどは、先の添付図に従って文字コードを指定してください。

さて、通常のHTMLでは問題はないのですが、場合によっては改行コードが問題になることがあります。
Winのばあい、通常はCR+LFと言う改行コードが用いられます。この先、改行コードをLFにしなければならないケースが出てくるかもしれません。そのような場合には、メモ帳では作成できません。
No.2様がアドバイスしておられるTeraPadやMerryと言うエディタならば可能です。また、HTMLやCSS、PHPなどを編集するための統合開発環境としてNetBeansというものもあります。この先、不都合が生じれば、それらも試してみてください。

TeraPad
http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html

Merry
http://www.forest.impress.co.jp/library/software/mery/

NetBeans
https://ja.netbeans.org/

kaisinjuku04 · Answer

追加回答です。
No.2様の指摘がおそらく正解かと。

メモ帳で作る場合には、下の図のように、保存時に文字コードを指定してください。

asciiz · Answer

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

と書いてあっても、HTML内のテキストが自動的にUTF-8エンコードになるわけではありません。

この宣言は、自分で日本語をUTF-8で記述し、ブラウザに対して「UTF-8で書かれているよ」と教えるためのものです。

でも、メモ帳で新規テキストを作成し、保存すると、通常はシフトJISにて保存されます。

シフトJISで書かれているテキストなのに、METAタグによってUTF-8エンコードとして表示しようとするので、文字化けしてしまっていると思われます。

解決方法はいくつかあります。

(1)charset 指定の METAタグを書かない。
→自動判別により、大概正しく表示されます。

(2) Content="text/html;charset=Shift_JIS" 指定とする。
シフトJISで書かれているテキストなら、これで正しく表示されると思います。

(3)きちんとUTF-8エンコードで日本語を書く。
＞TeraPad
＞http://www5f.biglobe.ne.jp/~t-susumu/library/tpad.html
など、エンコード方法を明示して編集できるテキストエディタを使います。

こちらでテキストファイルを読み込むと、ステータスバーに「SJIS」や「UTF-8N」など、自動判別したコード名が表示され、編集可能になります。

自動判別に間違った場合は、「文字コード指定再読込」により、明示的に文字コードを指定して開くことが出来ます。

そして、「文字/改行コード指定保存」というメニューもあります。

こちらで、「UTF-8N」「CR+LF」を選ぶことにより、日本語のテキスト内容はそのまま、UTF-8のエンコードで保存することが出来ます。

一度UTF-8で保存したならば、その後メモ帳で編集・保存しても、UTF-8のままとなります。
まあ、TeraPadの方が行番号表示出来たりして便利ですけどね。

kaisinjuku04 · Answer

の部分をと言う具合に、日本語であることを明示してやってください。蛇足ですが、表示確認するときはブラウザのリフレッシュをお忘れなく。

utf-8 文字化け

文字コードの問題は、それで結構です。

追加回答です。

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

<html xmlns="

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング