コラム

なぜか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)では平気のようです。

(櫻木)