htmlファイルの中国語文字化け問題とブラウザでの表示問題_HTML/Xhtml_Webページ制作

今日の私のページも文字化けしていたので、関連する問題をインターネットで検索して、私もeditpエディタを使用して、ドキュメント-ファイルエンコーディング-変更を試してみました。ファイルのエンコーディング - 必要なエンコーディングを選択するだけです

Webページでは、中国語の文字化けの問題が頻繁に発生します。以前にコードの文字化けの問題に遭遇したとき、成功するまでさまざまなエンコード方法を試し続けました。昨日、プロジェクトで再びこの問題が発生したため、簡単なテストを行いました。

HTML ファイルには、「UTF-8」、「GBK」などのエンコード方式があります。これらはメモ帳では表示されない場合がありますが、Eclipse では、次の図で説明するように HTML ファイルのエンコード方法を設定できます。

テスト 1:

HTML ファイルを「UTF-8」モードで保存します。具体的なファイルの内容は次のとおりです。

画像の通り、ファイルのエンコード方式は下記赤枠のOtherにあるように「UTF-8」となっており、Eclipseで設定されています。画像の上の赤いボックスは、ブラウザがファイルを開くために使用するエンコード方式を示しており、「UTF-8」として表示されます。

IE を使用してファイルを開くと、次の画像が表示されます:

ブラウザのエンコード方式を確認すると、ブラウザが自動的に「UTF-8」方式を選択し、文字化けが発生していないことがわかります。

ブラウザのエンコード方式を「GB2312」に切り替えると、次の画像が表示されます:

テスト 2:

以下に示すように、HTML ファイルを「UTF-8」モードで保存し、ファイル ヘッダーのエンコード方式を「GBK」に設定します。

これは、ファイルのエンコード方式が「UTF-8」であり、デフォルトのファイルを開く方式が「GBK」であることを示しています。

IE を使用してこのファイルを開いたときのスクリーンショットは次のとおりです:

HTMLファイルの指示に従い、ブラウザが「GB2312」モードで開いていることがわかります。ファイル自体のエンコード方式が「UTF-8」であるため、文字化けが発生します。ただし、Webページのソースファイルは文字化けしていません。

ブラウザのエンコード方式を「UTF-8」にすると文字化けが解消されるのが確認できます。スクリーンショットは次のとおりです:

この時点でテストは終了です。次の点を要約します:

1. HTML ファイルにはエンコード形式があり、特定のエディターでのみ表示および設定できます。

2. HTML ファイルのヘッダーの「content-type」に設定されている「charset」は、ファイルを開くために使用されるエンコード方法をブラウザーに伝えます。

3. 一般に、ポイント 1 と 2 のエンコード方法は一致している必要があります。不一致により文字化けが発生する可能性があります。

4. ブラウザで文字化けが表示されるが、ページのソースファイルは文字化けしていない場合は、ブラウザのエンコード方法を変更することで正しい中国語が表示されます。ソースファイルに正しい「文字セット」が設定されていれば、正しい中国語が表示されます。ブラウザのエンコード方法を変更する必要があります。