HTMLファイル内の中国語の文字化けとブラウザでの表示の問題

HTMLファイル内の中国語の文字化けとブラウザでの表示の問題

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

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

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

テスト1:

html ファイルを「UTF-8」モードで保存します。具体的なファイルの内容については、下の図を参照してください。

図からわかるように、ファイルのエンコーディングは「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. ブラウザで文字化けした文字が表示されても、ページのソース ファイルは文字化けしていない場合は、ブラウザのエンコード方法を変更することで正しい中国語が表示されます。ソース ファイルに正しい「charset」が設定されている場合は、ブラウザのエンコード方法を変更する必要はありません。

<<:  Javascript 構造化代入の詳細

>>:  Navicat for Mysql 接続エラー 1251 (接続失敗) の問題を解決する

推薦する

MySQL SQL ステートメントのパフォーマンス チューニングの簡単な例

MySQL SQL ステートメントのパフォーマンス チューニングの簡単な例サーバー開発を行う際には、...

Vueは、選択した月に応じて日付に対応する曜日を動的に表示します。

私たち謙虚なプログラマーは、今でもこう歌わなければなりません。「あなたも私も、この世に生まれて、一日...

Mysqlチュートリアルでのグループランキングの実装例の詳細な説明

目次1. データソース2. データの総合順位1) 総合ランキング2) 同順位3) 同順位3. データ...

VueのRender関数

目次1. ノード、ツリー、仮想DOM 2. 仮想DOM 2.1 データオブジェクトの詳細2.2 制約...

HTML での select optgroup タグの使用の概要

時々、選択した内容をグループ化する必要があります。以前はプログラム制御を使用していました。今日、se...

MAC 上の MySQL の初期パスワードを忘れた場合の対処方法

MACでMySQLの初期パスワードを忘れた問題を解決する方法を参考までに共有します。具体的な内容は次...

Firefox で Flash を再生するためのオブジェクトとパラメータの書き方

コードをコピーコードは次のとおりです。 <object classid="clsid...

MySQL 8.0 エラー サーバーがクライアントに不明な認証方法を要求しました 解決策

最新バージョンのMySQL 8.0.11をインストールした後、ユーザーを作成して認証します。認証され...

MySQL 5.7.18 のインストール中に MySQL サービスの起動に失敗する問題の解決策

MySQL は非常に強力なリレーショナル データベースです。しかし、初心者の中には、インストールや設...

MySQL inndbジョイントインデックスを正しく使用する方法を徹底的に理解するためのケーススタディ

最近確認された5件のデータを照会するビジネスがあります。 `id`、`title` を選択 `th_...

Vue の新しいおもちゃ VueUse の具体的な使い方

目次序文VueUseとは使いやすいおなじみの手ぶれ補正やスロットル機能もありますグローバル状態を共有...

JS で配列の重複排除を実装する 7 つの方法

目次1. Set()+Array.from() を使用する2. 2層ループ+アレイ接合方式の使用3....

優れたユーザー エクスペリエンス デザイナーが行うべき 5 つのこと (画像とテキスト)

この記事は、@C7210 によって翻訳されたブログ「Usability Counts」からの翻訳です...

Vmwareでディスクを追加する方法:ディスクを拡張する

この記事では、ディスクを追加または拡張して、Vmare で有効にする方法について説明します。シナリオ...

CSS の ::before と ::after 疑似要素について知らないこと

CSS には、一般的には使用されない 2 つの疑似クラス、before と :after があります...