Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML ist ein sogenanntes selbstschließendes Tag, was in XML völlig zulässig ist.
Das img-Tag in XHTML sollte wie folgt geschrieben werden: <img alt="" src="" />. Diese Schreibweise wird auch als selbstschließend bezeichnet, was in XML völlig zulässig ist. Wenn Sie mit der XML-bezogenen Entwicklung vertraut sind, sind Sie möglicherweise an diese Schreibweise gewöhnt und denken, dass jedes Element in XML, das keine untergeordneten Knoten hat, auf diese Weise geschrieben werden kann und dass dann auch jedes Tag ohne Inhalt in XHTML auf diese Weise geschrieben werden kann. Theoretisch erlaubt XHTML, jedes Tag selbstschließend zu schreiben, aber die Browserkompatibilität hat ein neues Problem mit sich gebracht, nämlich, dass der IE die selbstschließende Schreibmethode bestimmter Tags nicht richtig erkennen kann. Zeichenfolge 8
Bitte versuchen Sie, den folgenden XHTML-Code einzugeben und ihn im Internet Explorer anzuzeigen: <p>Hallo <script type="text/javascript" /> Welt</p>. Sie werden feststellen, dass Sie am Anfang nur das „Hallo“ sehen können, am Ende aber nicht die „Welt“. Das ist wirklich unerklärlich. Viele von Ihnen sind diesem Problem möglicherweise schon einmal begegnet und haben Stunden damit verbracht, ohne eine vernünftige Erklärung zu finden. Zeichenfolge 4
Die Erklärung stammt aus einem anderen, ähnlichen Code: <p>Hallo <textarea /> Welt</p>. Können Sie eine vernünftige Erklärung erhalten, wenn Sie sich den Anzeigeeffekt im Internet Explorer ansehen? Wir können sehen, dass das Hallo vorne normal angezeigt wird, während die Welt hinten im Textbereich angezeigt wird. Dies beweist, dass der IE nicht richtig erkennt, dass der Textbereichs-Tag von selbst geschlossen wurde, sondern ihn als nicht geschlossen behandelt und den folgenden Inhalt als Inhalt innerhalb des Textbereichs erkennt.
Jetzt verstehen wir, warum der vorherige Code die Welt dahinter nicht sehen kann, da er als Teil des Skripts erkannt wird. Dies zeigt, dass wir bei der Verwendung von XHTML den selbstschließenden Schreibstil nicht so beliebig verwenden können wie bei XML. Nur wenige Tags, die nicht geschlossen werden müssen, können selbstschließend geschrieben werden. Für andere Tags ist es am besten, den gepaarten schließenden Schreibstil zu verwenden, auch wenn sie keinen Inhalt haben.
Abschließend muss ich alle daran erinnern, dass dumme Parser tatsächlich nicht nur im Internet Explorer zu finden sind. Probleme durch ungenaue Parser können an vielen Stellen auftreten. Daher müssen wir beim Schreiben von XHTML noch einige Gewohnheiten berücksichtigen, die wir aus dem alten HTML übernommen haben. Wir können es nicht einfach so schreiben, als ob wir meinen, es entspräche den Standards wie echtes XML. Sie glauben es nicht? Versuchen wir es mit einem anderen: <p>Hallo <br></br> Welt</p>, und sehen wir, wie es in Internet Explorer und Opera aussieht.
Einige relevante Spezifikationen von XHTML:
1. Alle Tags müssen ein entsprechendes End-Tag haben
2. Die Namen aller Tag-Elemente und Attribute müssen klein geschrieben sein
3. Alle XML-Tags müssen richtig verschachtelt sein
4. Alle Attribute müssen in Anführungszeichen "" eingeschlossen sein
5. Kodieren Sie alle Sonderzeichen < und &
6. Allen Attributen einen Wert zuweisen
7. Verwenden Sie kein „--“ in Kommentaren

<<: So verwenden Sie Docker zum Bereitstellen eines Dubbo-Projekts

>>: MySQL-Update-Fall Update-Feldwert ist keine feste Operation

So realisieren Sie die vertikale Anordnung von Text mit CSS3

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

So realisieren Sie die vertikale Anordnung von Text mit CSS3

Erstellen der Benutzererfahrung

CSS kompletter Parallax-Scrolling-Effekt

So erstellen Sie ein ELK-Protokollsystem basierend auf Docker

So verwenden Sie Cursor-Trigger in MySQL

JavaScript zum Erreichen eines einfachen Bildwechsels

Grundlegendes zum MySQL-Abfrageoptimierungsprozess

So setzen Sie das Root-Passwort in CentOS7 zurück

Hinweise zur Verwendung von $refs in Vue-Instanzen

Linux: Beispiel für das Bearbeiten des Start-, Stopp- und Neustartskripts für Springboot-JAR-Pakete

Artikel empfehlen

Demo für 10-Farbverlaufshintergrund des CSS-Containers (linear-gradient())

Codebeispiele für den Import und Export von Docker-Images

Implementierung der automatischen Konstruktionsweiterleitung von React

Lösung für die nicht wirksame Änderung des El-Popover-Stils von ElementUI

Podman bootet den Container automatisch und vergleicht ihn mit Docker

Beispiel für den schnellen Aufbau einer LEMP-Umgebung mit Docker

Installieren Sie drei oder mehr Tomcats unter einem Linux-System (detaillierte Schritte)

Docker löst das Problem, dass das Terminal kein Chinesisch eingeben kann

Grundlegendes Nutzungs-Tutorial zur IPTABLES-Firewall unter LINUX

Zusammenfassung der englischen Namen chinesischer Schriftarten

Referenz zur MySQL-Optimierungslösung

Detaillierte Schritte zur Installation von Python 3.7 auf CentOS 6.5

Methode zur Implementierung von Website-Hintergrundmusik

Detaillierte Erläuterung des Codes zur Implementierung von sechs Siebstilen mithilfe des HTML-Rasterlayouts

Detaillierte Erläuterung der gleichzeitigen Parameteranpassung von MySQL