Über das durch die HTML-Kodierung verursachte verstümmelte Problem

Heute hat ein Student im dritten Studienjahr eine Frage gestellt. Der von ihm geschriebene HTML-Code zeigte beim Öffnen verstümmelte Zeichen an.

Dann haben sie mir den Code geschickt.

Bildbeschreibung hier einfügen

Es ist nur eine HTML-Datei und ein Ordner. Wenn Sie es öffnen, sehen Sie sehr einfachen Code.

<!DOCTYPE html>
<html lang="">
<Kopf>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-kompatibel" content="IE=edge">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Persönliche Vorstellung</title>
</Kopf>
<Text>
    <h6>Stellen Sie sich vor</h6><br>
    <h4>Name</h4><br>
    Es ist besser zu sagen, dass dein Name meiner ist<br>
    <h4>Gute Arbeit</h4><br>
    Reisen macht Spaß<br>
    Das Spiel ist gut<br>
    <h4>Geburtsort-Einführung</h4><br>
    Ich komme aus Sichuan. In Sichuan gibt es viele Berge und die Menschen in Sichuan sind freundlich und gastfreundlich. Die Menschen in Sichuan mögen scharfes Essen sehr. <hr>
    <h4>Traum der Zukunft</h4><br>
    Es ist wie ein ausgezeichneter Programmierer. <hr>
    <a href="hobby/myhobby.html">Es ist, als ob Sie Ihre eigenen Hobbys hätten. </a>
</body>
</html>

Da ich Sino-Japanistik studiere, sind viele Inhalte auf Japanisch. Wenn ich sie mit einem Browser öffne, sehen sie so aus:

Bildbeschreibung hier einfügen

Kurz gesagt, es ist nur wirrer Code und ich verstehe überhaupt nichts.

Bei den verstümmelten Zeichen muss es sich um ein Problem mit der Kodierungsmethode handeln. Im Code ist jedoch angegeben, dass die UTF-8-Kodierung verwendet wird. Warum sind also weiterhin verstümmelte Zeichen vorhanden?

Bildbeschreibung hier einfügen

Bitte beachten Sie, dass es normal angezeigt werden kann, wenn ich es mit Notepad öffne, aber es wird verstümmelt angezeigt, wenn ich es über den Browser öffne. Dies liegt daran, dass die Codierungsmethode von Notepad ANSI und nicht UTF-8 ist, was sich von dem unterscheidet, was wir im Code geschrieben haben.

Daher müssen wir die Kodierungsmethode vereinheitlichen.

Das heißt: <meta charset="UTF-8">
Es sollte geändert werden in: <meta charset="ANSI">

Öffnen Sie es dann erneut und es wird normal angezeigt.

Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels über das durch HTML-Kodierungsprobleme verursachte Problem des verstümmelten Codes. Weitere verwandte Inhalte zum HTML-Problem des verstümmelten Codes finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<: Bei MySQL-Zeichentypen wird die Groß-/Kleinschreibung beachtet.

>>: Detaillierte Erläuterung der Docker-Container-Lebenszyklusarchitektur und der Unterschiede zwischen dieser und VM

Detaillierte Erläuterung der Verwendung des MySQL-Auswahl-Cache-Mechanismus

Über das durch die HTML-Kodierung verursachte verstümmelte Problem

Detaillierte Erläuterung der Verwendung des MySQL-Auswahl-Cache-Mechanismus

Vue macht Div-Höhe verschiebbar

Verständnis und Lösungen für 1px-Linien in der mobilen Entwicklung

Lösung für das Versagen von Docker beim Freigeben von Ports

Vue-Statusverwaltung: Verwendung von Pinia statt Vuex

Beispiele für die korrekte Verwendung von AES_ENCRYPT() und AES_DECRYPT() zum Verschlüsseln und Entschlüsseln von MySQL

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.19 (Win10)

Nutzerbedürfnisse führen zu marketingorientiertem Design

Interpretation von 17 Werbewirksamkeitsmaßen

Beispiel für Sterne für den CSS-Bewertungseffekt

Artikel empfehlen

JS Leicht verständliche Funktion und Konstruktor

So installieren Sie MySQL 5.7 unter Ubuntu und konfigurieren den Datenspeicherpfad

In welchen Szenarien in JavaScript können Pfeilfunktionen nicht verwendet werden?

Bringen Sie Ihnen bei, wie Sie eine Reaktion aus HTML implementieren

Eine einfache Methode, um mit der TabBar am unteren Rand des WeChat-Applets umzugehen, das Inhalte blockiert

Tiefgreifendes Verständnis des Linux-Lastausgleichs LVS

Welche Codes sollte ich beherrschen, wenn ich Webdesign lerne?

Implementierung einfacher Tabs mit js

Das automatische Porterkennungsskript von Zabbix Redis gibt das JSON-Format zurück

Tiefgreifendes Verständnis des Statusübergangs des MySQL-Master-Slave-Replikationsthreads

Erste Erfahrungen mit der Texterstellung mit Javascript Three.js

Vergleich der Effizienz zwischen Einzeltabellenabfrage und Mehrtabellen-Joinabfrage in der MySql-Datenbank

js Canvas realisiert Slider-Verifizierung

Grundlagen und Beispiele zur TypeScript-Aufzählung

Eine Minute, um die Laufruhe von HTML+Vue+Element-UI zu erleben