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

RGB-Farbtabellensammlung

RGB-Farbtabelle Farbe Englischer Name RGB 16 Farb...

Eine kurze Diskussion über Flex-Layout und Skalierungsberechnung

1. Einführung in Flex Layout Flex ist die Abkürzu...

Geplante vollständige MySQL-Datenbanksicherung

Inhaltsverzeichnis 1. MySQL-Datensicherung 1.1. m...

Implementierung der kontinuierlichen Integration von Jenkins+Docker

Inhaltsverzeichnis 1. Einführung in Jenkins 2. Je...

Beispielanalyse zum Exportieren, Importieren und Kopieren von Docker-Images

Die erste Lösung besteht darin, das Bild in ein ö...

Methode zum dynamischen Laden von Geojson basierend auf Vue+Openlayer

Laden eines oder mehrerer Features <Vorlage>...

So verwenden Sie Übersetzung und Übergang in CSS3

Ich habe immer das Gefühl, dass Übersetzen und Üb...

Detaillierte Installation und Konfiguration von hadoop2.7.2 unter Ubuntu15.10

Im Internet und in vielen Büchern gibt es viele T...

Einfache Methode zur Installation von MySQL unter Linux

Bei der Onlinesuche nach Methoden zur Installatio...