Zusammenfassung der sieben grundlegenden XHTML-Codierungsregeln

Zusammenfassung der sieben grundlegenden XHTML-Codierungsregeln
1. Alle Tags müssen ein entsprechendes End-Tag haben
Bisher konnten Sie in HTML Tags wie <p> und <li> öffnen, ohne notwendigerweise die entsprechenden </p> und </li> zu schreiben, um sie zu schließen. Dies ist in XHTML jedoch nicht zulässig. XHTML erfordert eine strenge Struktur und alle Tags müssen geschlossen sein. Wenn es sich um ein einzelnes, ungepaartes Tag handelt, fügen Sie am Ende des Tags ein "/" hinzu, um es zu schließen. Zum Beispiel:
<br /><img height="80" alt="Webdesigner" src="../images/logo_w3cn_200×80.gif" width="200" />

2. Die Namen aller Elemente und Attribute von Tags müssen klein geschrieben sein. <br />Im Gegensatz zu HTML unterscheidet XHTML zwischen Groß- und Kleinschreibung. <title> und <TITLE> sind unterschiedliche Tags. XHTML erfordert, dass alle Tag- und Attributnamen klein geschrieben sein müssen. Beispiel: <BODY> muss als <body> geschrieben werden. Auch die Mischung von Groß- und Kleinbuchstaben wird nicht erkannt. Normalerweise muss auch der von Dreamweaver automatisch generierte Attributname "onMouseOver" in "onmouseover" geändert werden.

3. Alle XHTML-Tags müssen richtig verschachtelt sein
Da XHTML außerdem eine strenge Struktur erfordert, müssen alle Verschachtelungen in der richtigen Reihenfolge erfolgen. Zuvor haben wir den Code folgendermaßen geschrieben:
<p><b></p>/b> muss geändert werden in: <p><b></b>/p>
Das heißt, die Verschachtelungsebenen müssen streng symmetrisch sein.

4. Alle Attribute müssen in Anführungszeichen "" eingeschlossen sein
In HTML müssen Sie Attributwerte nicht in Anführungszeichen setzen, in XHTML jedoch schon. Zum Beispiel:
<height=80> muss geändert werden in: <height="80">
In besonderen Fällen müssen Sie im Attributwert doppelte Anführungszeichen verwenden. Sie können " verwenden, und einfache Anführungszeichen können &apos; verwendet werden, zum Beispiel:
<alt="sag&apos;hallo&apos;">

5. Kodieren Sie alle Sonderzeichen < und &
Jedes Kleiner-als-Zeichen (<), das nicht Teil eines Tags ist, muss als & lt; codiert werden.
Jedes Größer-als-Zeichen (>), das nicht Teil eines Tags ist, muss als &gt; codiert werden.
Jedes Et-Zeichen (&), das nicht Teil einer Entität ist, muss als &amp; codiert werden.
Hinweis: Zwischen den obigen Zeichen steht kein Leerzeichen.

6. Allen Attributen einen Wert zuweisen
XHTML legt fest, dass alle Attribute einen Wert haben müssen und dass sich die Attribute ohne Wert wiederholen müssen. Zum Beispiel:
<td nowrap> <Eingabetyp="Kontrollkästchen" Name="Shirt" Wert="mittel" aktiviert>
Muss wie folgt geändert werden:
<td nowrap="nowrap"> <input Typ="Kontrollkästchen" Name="Shirt" Wert="mittel" aktiviert="aktiviert">

7. Verwenden Sie kein „–“ in Kommentaren
"–" dürfen nur am Anfang und Ende eines XHTML-Kommentars vorkommen, sind also innerhalb des Inhalts nicht mehr gültig. Beispielsweise ist der folgende Code ungültig:
<!–Hier kommentieren———–Hier kommentieren–>
Ersetzen Sie die inneren Bindestriche durch Gleichheitszeichen oder Leerzeichen.
<!–Hier kommentieren============Hier kommentieren–>
Einige der oben genannten Spezifikationen mögen seltsam erscheinen, aber sie alle dienen dazu, unserem Code einen einheitlichen und einzigartigen Standard zu verleihen, um die zukünftige Wiederverwendung von Daten zu erleichtern.

<<:  Lösung für das Problem, dass Mixin in SCSS nicht funktioniert (der Browser kann es nicht kompilieren)

>>:  Ich habe einige Websites zum Thema Wohndesign herausgesucht, die ich für gut halte.

Artikel empfehlen

CSS zum Erstellen eines dynamischen sekundären Menüs

Dynamisches Implementieren eines einfachen sekund...

Implementierung zum Erstellen benutzerdefinierter Images mit Dockerfile

Inhaltsverzeichnis Vorwort Einführung in Dockerfi...

Drei Möglichkeiten zum Sperren und Entsperren von Benutzerkonten in Linux

Wenn in Ihrer Organisation bereits eine Kennwortr...

Javascript zum Wechseln von Bildern per Mausklick

In diesem Artikelbeispiel wird der spezifische Ja...

Detaillierte Erläuterung gängiger MySQL-Befehle im Linux-Terminal

Aufschlag: # chkconfig --list Alle Systemdienste ...

Eine kurze Erläuterung zu „Group By“ in MySQL

Inhaltsverzeichnis 1. Einleitung 2. Bereiten Sie ...

8 wichtige JavaScript-Codefragmente für Ihr Projekt

Inhaltsverzeichnis 1. Holen Sie sich die Dateierw...

4 Funktionen, die durch das Transform-Attribut in CSS3 implementiert werden

In CSS3 können mit der Transformationsfunktion vi...

Detaillierte Erklärung der wichtigsten Einzigartigkeit von v-for in Vue

Inhaltsverzeichnis 1. DOM-Diff 2. Fügen Sie Eleme...

jQuery verwendet das Canvas-Tag, um den Bestätigungscode zu zeichnen

Das <canvas>-Element ist für clientseitige ...

Canonical ermöglicht Linux-Desktop-Apps mit Flutter (empfohlen)

Das Ziel von Google mit Flutter bestand immer dar...

Lichtschalter mit js steuern

Verwenden Sie js, um den Lichtschalter zu Ihrer R...

So verwenden Sie async und await in JS

Inhaltsverzeichnis 1. asynchron 2. warten: 3. Umf...