XHTML-Tags haben ein schließendes Tag

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

Artikel empfehlen

Verschiedene Möglichkeiten zum Ändern der Hintergrundbildfarbe mit CSS3

CSS3 kann die Farbe von Bildern ändern. Ab sofort...

Reagiert auf verschiedene Arten, Parameter zu übergeben

Inhaltsverzeichnis Übergeben von Parametern zwisc...

Dropdown-Menü implementiert durch HTML+CSS3+JS

Ergebnisse erzielen html <div Klasse="Con...

CSS imitiert den sanften Umschalttasteneffekt von Apple

Inhaltsverzeichnis 1. Code-Analyse 2. Quellcode Q...

Umfassendes Verständnis des MySQL-Protokolls für langsame Abfragen

Inhaltsverzeichnis Was ist das Protokoll langsame...

Einige Fragen zu Hyperlinks

<br />Ich freue mich sehr, an dieser Folge d...

Die Rolle von nextTick in Vue und mehrere einfache Anwendungsszenarien

Zweck Verstehen Sie die Rolle von nextTick und me...

Detailliertes Installationstutorial für mysql-8.0.11-winx64.zip

Laden Sie das ZIP-Installationspaket herunter: Do...