IE7でソースファイルを含むページを開くとページが空白になる問題の解決方法

質問：
私のブログのエンコーディングは utf-8 です。ページを開くと空白になっていることもありますが、更新すると正常になりますが、ソースファイルを確認すると完全です。 IE6 および Firefox では正常に動作しますが、IE7 では時々発生します。
最初は IDC の問題ではないかと疑いましたが、その後、js、css、ページ構造などについて考えました。偶然コーディングを思いつきました。結局のところ、エンコードの問題は私を一度や二度以上悩ませてきました。
解決する：
<title>123WORDPRESS.COM</title>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" />
順序を入れ替える
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" />
<title>LCブログ</title>
理由：
なぜこの問題は IE7 でのみ発生するのでしょうか?これは、IE7 では Web ページのコードを解析するときに HTML 内のタグを優先し、次に HTTP ヘッダー内の情報を優先するのに対し、Mozilla シリーズのブラウザではその逆であるためです。
UTF-8 でエンコードされたページでは、中国語の文字を表すのに 3 バイトかかりますが、通常の GB2313 または Big5 では 2 バイトかかります。ページを出力する際、上記のような理由により、ブラウザが<title></title>の内容を解析して出力する際に、</title>の前に全角文字が奇数個あると、IE7はUTF-8を2バイトとして解析し、半角の漢字が表示されます。このとき、半角の漢字は</title>の「<」と結合して文字化けし、IE7は<title>部分を読み取ることができず、ページ全体が空白で出力されてしまいます。この時点でソースファイルを確認すると、実際に葉面全体が出力されていることがわかります。
したがって、最も簡単な解決策は、Web ページファイルの <head></head> タグ内の <title></title> の前に文字定義 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> を配置することです。
実際、他のエンコードバージョンでも同様の問題が発生しますが、ブラウザのデフォルトのエンコードは GBK であるため、検出される可能性は低くなります。

<<: CSS は、モバイル端末でクリックされたときに生成された要素の背景色を削除します (推奨)

>>: MySQL8 ベースの docker-compose デプロイメントプロジェクトの実装