XHTML-Tags haben ein schließendes Tag

<br />Ursprünglicher Link: http://www.dudo.org/article.asp?id=253
In der XHTML-Spezifikation gibt es einen Standard, dass „jedes XHTML-Tag ein schließendes Tag hat“. Für HTML-Elemente, die kein End-Tag haben, fügen Sie vor dem Ende ein "/" hinzu, um das Tag zu schließen. Die ursprüngliche Schreibweise des <img>-Tags in HTML lautet beispielsweise:
<img src="..." alt="...">
In XHTML sollten Sie vor dem ">" zum Schließen des Tags einen "/" einfügen. Um zu verhindern, dass einige alte Browser diese Schreibweise nicht erkennen, sollten Sie vor dem "/" ein Leerzeichen einfügen (HTML-Kompatibilitätsstandard):
<img src="..." alt="..." />
Dies scheint zu bedeuten, dass das Hinzufügen eines "/" zum öffnenden Tag den Tag schließt. Insbesondere für Beschriftungen im Raum erscheint die Verwendung dieser Methode prägnanter. Zum Beispiel,
<div Klasse="klar"></div>
Dies ist ein Codeabschnitt, der häufig zum Löschen von Floats (Schließen von Floating-Elementen) verwendet wird. Dann scheint es, dass es wie folgt geschrieben werden kann:
<div Klasse="klar" />
Ja, das <div>-Element kann leer sein und es ist nichts falsch daran, es auf diese Weise zu schreiben. Welche Konsequenzen ergeben sich jedoch, wenn wir ähnliche Schreibmethoden für andere Tags verwenden? Um eine externe JavaScript-Datei in den <head> zu importieren, schreiben wir normalerweise:
<script type="text/javascript" src="..." language="javascript"></script>
Da es keinen leeren Inhalt gibt, können wir schreiben
<script type="text/javascript" src="..." language="javascript" />
Wir haben festgestellt, dass diese Schreibweise entweder nicht funktioniert oder zu Fehlern im Browser führt. In den meisten Fällen denkt der Browser, dass das Tag nicht geschlossen ist und erkennt fälschlicherweise, dass der gesamte Inhalt nach <script> Javascript-Code ist, was zu einem Fehler führt. Zum Beispiel,
<textarea id="tt" cols="10" rows="8" />
Wenn Sie diesen Code in einem Browser ausführen, werden Sie feststellen, dass ab <textarea> alle nachfolgenden XHTML-Codes als Inhalt des Textfelds behandelt werden und im Textfeld angezeigt werden.
Es scheint, dass die gepaarten Tags, die bereits in HTML4.0 vorhanden sind, die vorhandenen End-Tags in XHTML verwenden müssen. Warum ist <div> also in Ordnung? Eigentlich ist <div> auch nicht erlaubt, nur wird <div> im Browser nicht so deutlich angezeigt. Schreibweisen wie <span /> sind noch fehlerhafter. Zunächst einmal hat <span> selbst ein schließendes Tag </span>. Außerdem darf der Inhalt des <span>-Tags nicht leer sein (selbst reine Leerzeichen sind nicht zulässig). Das heißt, mit Ausnahme von Tags wie <img>, <hr>, <link> und <br>, die mit „/“ geschlossen werden können, müssen andere Elemente </...> verwenden, da sonst unerwartete Probleme auftreten.

<<: So installieren Sie Tomcat in Docker und stellen das Springboot-Projekt-War-Paket bereit

>>: So lösen Sie das Problem, dass Seata die MySQL 8-Version nicht verwenden kann

Optimierung von Datentabellen in MySQL-Datenbanken, Analyse von Fremdschlüsseln und Nutzung von drei Paradigmen

Artikel

So passen Sie Docker-Images mit Dockerfile an

Artikel

Detaillierte Erklärung, wie Sie verhindern können, dass Inhalte auf HTML-Seiten ausgewählt, kopiert oder mit der rechten Maustaste angeklickt werden.

Artikel

Detaillierte Erläuterung der Berechnungsmethode von Flex-Grow und Flex-Shrink im Flex-Layout

XHTML-Tags haben ein schließendes Tag

Optimierung von Datentabellen in MySQL-Datenbanken, Analyse von Fremdschlüsseln und Nutzung von drei Paradigmen

So passen Sie Docker-Images mit Dockerfile an

Detaillierte Erklärung, wie Sie verhindern können, dass Inhalte auf HTML-Seiten ausgewählt, kopiert oder mit der rechten Maustaste angeklickt werden.

Detaillierte Erläuterung der Berechnungsmethode von Flex-Grow und Flex-Shrink im Flex-Layout

MySql5.7.21 Installationspunkte Datensatznotizen

So benennen Sie die Tabelle in MySQL um und worauf Sie achten müssen

Detaillierte Erklärung der Grundfunktionen und Verwendung von MySQL-Fremdschlüsseln

Lösungen für Websites mit hohem Datenverkehr

So verwenden Sie Binlog zur Datenwiederherstellung in MySQL

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

Artikel empfehlen

Zusammenfassung zur Verwendung der Reduce()-Methode in JS

Lösen Sie das Spleißproblem beim Löschen von Bedingungen in myBatis

Einführung in die Erstellung von Linux-Benutzerskripten/Ratespiel/Überwachung des Netzwerkkartenverkehrs

Analyse des Quellcodes des Nginx-Speicherpools

So stellen Sie über Navicat eine Remoteverbindung zu MySQL her

9 Möglichkeiten zum Ein- und Ausblenden von CSS-Elementen

jQuery implementiert die Formularvalidierung

So stellen Sie Ihre erste Anwendung mit Docker bereit

Grafisches Tutorial zur Installation und Konfiguration des MySQL 8.0.15 WinX64-Komprimierungspakets

Implementierung von Platzhaltern und Escape-Zeichen in der Linux-Befehlszeile

So installieren Sie Elasticsearch und Kibana in Docker

jQuery realisiert den Gleiteffekt des Dropdown-Menüs

Implementierung der CommonJS-Modularität in Browsern ohne Kompilierung/Server

Beispielcode des Vue-Symbolselektors

Detaillierte Erklärung der Rolle und des Prinzips des Schlüssels in Vue