IE文字化け

iandeth. - ブラウザのエンコード指定が自動選択になっているのに、画面が真っ白または文字化けしてしまう罠・・・の解決方法

原因はページのエンコードを指定している meta Content-Type タグの位置にあります。これが、日本語文字列を含む title タグよりも後に記述されているがゆえに、ブラウザはページのエンコード指定を知るよりも前に title タグ内の日本語文字をもって、なんとかエンコード判定を試みて失敗している模様。
なので、下記のように、title タグよりも前に meta Content-Type タグをもってくることで、まず最初にブラウザにページのエンコードを伝えることが出来るため、問題は解決されます

Shift_JIS ? UTF-8 ? Internet Explorerの不思議な挙動 民芸的プログラミング　〜ソフトウェア開発日記〜/ウェブリブログ
Shift_JIS ? UTF-8 ? Internet Explorerの不思議な挙動 (2) 民芸的プログラミング　〜ソフトウェア開発日記〜/ウェブリブログ

まず、HTML中にmetaタグは必須で、そこで確実にcharsetを宣言すること。
charsetはShift_JISのほうが化けにくい。
そして、このmetaタグ以前に日本語の文字を入れてはいけない。
ついついmetaタグ以前にtitleタグを入れてしまったりするが、こういうものは後回しにする。
これで、HTMLのソースを保存する際の文字コードを間違いでもしない限りは、ほぼ確実に文字化けを回避できる。