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との違いについて詳しく説明します。