なぜかWEBサイトが文字化けして困ったときのチェックポイント。特に、MovableTypeやBloggerなど、海外ブログのテンプレートをそのまま流用した際に起こりがちな現象です。
修正ポイントは2点です。
1.最初の言語宣言を日本語に変更。
(例)
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
↓
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
2.ヘッドの中で最初の日本語を使う前に文字コード指定。(順番入れ替え)
(例)
<title>日本語タイトル</title>
・
・
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
↓
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>日本語タイトル</title>
これをしないと、IEでは真っ白になったり激しく化けたり、ちゃんと表示されない確率が倍増します。Mozilla系(FireFoxやOpera)では平気のようです。
(櫻木)