Ü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 gleichzeitigen Parameteranpassung von MySQL

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

Detaillierte Erläuterung der gleichzeitigen Parameteranpassung von MySQL

Vue implementiert das Bild mit Schaltflächenwechsel

Zusammenfassung der Implementierungsmethoden und Punkte der H5-Wakeup-APP

Lösung für das 404-Problem der Tomcat-Installation in Docker

Mysql Online-Wiederherstellung des Undo-Tabellenbereichs tatsächlicher Kampfdatensätze

Vue3.0 Adaptiver Betrieb von Computern mit unterschiedlichen Auflösungen

CSS simuliert Float, um den Effekt eines zentrierten Textes zu erzielen, der das Bild links und rechts umgibt

Mysql behält den vorhandenen Inhalt bei und fügt später Inhalte hinzu

Detaillierte Erklärung, wie man HSTS in nginx aktiviert, um den Browser zu zwingen, auf HTTPS-Zugriff umzuleiten

Schreiben von Methoden, die in nativem JS verboten sein sollten

Artikel empfehlen

Detaillierter Installationsprozess des NodeJS-Verwaltungstools NVM

Mehrere gängige Methoden für CSS-Layouts mit gleicher Höhe

Tutorial zur Installation und Konfiguration von MySQL 5.7 unter CentOS7 (YUM)

Wie gestaltet man eine Webseite? Wie erstelle ich eine Webseite?

So fügen Sie eine Popup-Aktionsschaltfläche unten für „Select“ und „Cascader“ von Element-UI hinzu

Docker-Compose-Tutorial: Installation und Schnellstart

Node verbindet sich mit MySQL und kapselt dessen Implementierungscode zum Hinzufügen, Löschen, Ändern und Prüfen

So gehen Sie mit vergessenen Passwörtern in Windows Server 2008 R2 um

So legen Sie eine statische IP für den Ubuntu 18.04-Server fest

Detaillierte Schritte zum Installieren und Debuggen einer MySQL-Datenbank unter CentOS7 [Beispiel]

Änderung der Standardquelldatei sources.list des Ubuntu20.04 LTS-Systems

Zusammenfassung der Probleme bei der Installation und Verwendung des MySQL 5.7.19 Winx64 ZIP-Archivs

mysql drei Tabellen verbunden, um eine Ansicht zu erstellen

Detaillierte Erklärung, wann Javascript-Skripte ausgeführt werden

Anfänger lernen einige HTML-Tags (3)