HTMLエンコードによる文字化け問題について

HTMLエンコードによる文字化け問題について

今日、3年生から質問がありました。彼が書いた HTML コードを開くと、文字化けした文字が表示されました。

その後、彼らは私にコードを送ってきました。

ここに画像の説明を挿入

これは単なる HTML ファイルとフォルダーです。開くと、非常にシンプルなコードが表示されます。

<!DOCTYPE html>
<html lang="">
<ヘッド>
    <メタ文字セット="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
    <title>自己紹介</title>
</head>
<本文>
    <h6>自己紹介をお願いします</h6><br>
    <h4>名前</h4><br>
    あなたの名前は私のものだと言うほうがいい<br>
    <h4>よくやった</h4><br>
    旅行は楽しいです<br>
    ゲームは良いです<br>
    <h4>出身地の紹介</h4><br>
    私は四川省出身です。四川省には多くの山があり、四川省の人々は親切で親切です。四川省の人々は辛い食べ物が大好きです。 <時間>
    <h4>未来への夢</h4><br>
    まるで優秀なプログラマーのようです。 <時間>
    <a href="hobby/myhobby.html">まるで自分だけの趣味を持っているかのようです。 </a>
</本文>
</html>

私は日中学を専攻している学生なので、コンテンツの多くは日本語です。ブラウザで開くと、次のようになります。

ここに画像の説明を挿入

つまり、文字化けしたコードで、何も理解できないのです。

文字化けはエンコード方法の問題であるはずですが、コードでは UTF-8 エンコードが使用されていることが示されているのに、なぜまだ文字化けしているのでしょうか?

ここに画像の説明を挿入

メモ帳で開くと正常に表示されますが、ブラウザで開くと文字化けしますのでご了承ください。これは、メモ帳のエンコード方式が UTF-8 ではなく ANSI であり、コードに書いたものと異なるためです。

そのため、エンコード方法を統一する必要があります。

つまり、 <meta charset="UTF-8">
次のように変更する必要があります: <meta charset="ANSI">

その後再度開くと正常に表示されます。

ここに画像の説明を挿入

HTML エンコードの問題によるコード文字化け問題についての記事はこれで終わりです。HTML コード文字化け問題に関するその他の関連コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

<<:  MySQLの文字タイプは大文字と小文字を区別します

>>:  DockerコンテナのライフサイクルアーキテクチャとVMとの違いについて詳しく説明します。

推薦する

Windows 10でDockerコンテナのポートにアクセスできない問題に対する完璧な解決策

Windows 10 で Docker コンテナのポートにアクセスできない問題を解決する (ポート ...

JavaScript キャンバスで 9 マスのグリッドカットの効果を実現

この記事では、9グリッドカット効果を実現するためのキャンバスの具体的なコードを紹介します。具体的な内...

Linuxコマンド履歴の調整方法の詳細な説明

Linux システムの bash history コマンドは、以前に実行したコマンドを記憶し、再入力...

Mysql ALTER TABLE はフィールドを追加するときにテーブルをロックしますか?

目次MySQL 5.6以前MySQL 5.6以降要約する知らせMySQL 5.6以前更新手順元のテー...

フロントエンド JavaScript でローカルあいまい検索機能を実装する方法の例

目次1. プロジェクトの見通し2. 知識ポイントObject.assign() の使用法filter...

MySQLでカンマ区切り値の列を列に変換する方法

序文場合によっては、第 1 正規形設計パターンに従わないビジネス テーブルに遭遇することがあります。...

WeChatミニプログラムをTencent Mapsに接続する2つの方法

最近、WeChat アプレットを作成しているのですが、いくつか問題が発生しました。インターネットでい...

VMware で Nginx+KeepAlived クラスタ デュアルアクティブ アーキテクチャを展開する際の問題と解決策

序文負荷分散には nginx を使用します。アーキテクチャのフロントエンドまたは中間層として、トラフ...

Linuxでサーバーのハードウェア情報を表示する方法

みなさんこんにちは。今日は12連休ですが、何かお買い物はしましたか?今日は「Linux View S...

Nginx 構成の実装 https

目次1: https証明書を準備する2: nginx sslモジュールを準備する3: SSL証明書を...

大規模な Vue.js プロジェクトの構築と維持のための 10 のベスト プラクティス

目次1. スロットを使用してコンポーネントを理解しやすくし、より強力にする2. Vuexストアを正し...

bashの初期化メカニズムの詳細な説明

Bash 初期化ファイル対話型ログインシェル次の場合にはログイン シェルを取得できます。ローカル端末...

Centos8 の Django プロジェクトに nginx+uwsgi をデプロイするチュートリアル

1. 仮想環境virtualenvのインストール1. virtualenvをインストールするpip3...

js SMS認証コード入力ボックスを手動で実装する

序文この記事では、私が手動で実装したフロントエンドの一般的な SMS 認証コード入力コンポーネントと...

Dockerコンテナ間のホスト間通信 - オーバーレイベースの実装方法

オーバーレイネットワーク分析組み込みのホスト間ネットワーク通信は、常に Docker の待望の機能で...