ホームページ > ウェブフロントエンド > htmlチュートリアル > htmlファイルの中国語文字化け問題とブラウザでの表示問題について

htmlファイルの中国語文字化け問題とブラウザでの表示問題について

不言
リリース: 2018-05-07 16:14:42
オリジナル
4900 人が閲覧しました

この記事は主にHTMLファイルの中国語文字化け問題とブラウザでの表示問題を紹介していますので、困っている友達に参考にしてください

今日の私のページも表示されました。が文字化けするので、関連する問題をインターネットで検索したところ、この方法も非常に優れているようで、editpエディタを使用して、[ドキュメント]-[ファイルのエンコーディング]-[ファイルのエンコーディングの変更]-[必要なエンコーディングを選択]を選択しました。以上です

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

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

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

テスト 1:

HTML ファイルを「UTF-8」モードで保存します。具体的なファイルの内容は次の図に示されています。

画像からわかるように、ファイルのエンコード方法は次のとおりです。 Eclipseでは、以下の赤枠の「UTF-8」が設定されています。画像の上の赤いボックスは、ブラウザがファイルを開くために使用するエンコード方式を示しており、「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. ブラウザで文字化けが表示されるが、ページのソースファイルは文字化けしていない場合、ブラウザのエンコード方法を変更することで正しい中国語が表示されます。ソースファイルに正しい「charset」が設定されている場合は、その必要はありません。ブラウジングのデバイスのエンコード方式を変更します。

以上がhtmlファイルの中国語文字化け問題とブラウザでの表示問題についての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート