Schreiben Sie HTML, den HTML -Weg (nicht die XHTML -Art)

Obwohl XHTML veraltet ist, bleibt sein Einfluss auf die HTML -Codierung bestehen. Viele Entwickler halten sich beim Schreiben von HTML unwissentlich an XHTML -Praktiken ein. Dieser Artikel verdeutlicht die Unterscheidungen zwischen den beiden Ansätzen.

HTML, XHTML und die Verschiebung zurück

Die Entwicklung ist unkompliziert: HTML dominierte die 1990er Jahre, XHTML in den 2000er Jahren, und wir sind in den 2010er Jahren zu HTML zurückgekehrt. Dies spiegelt sich in den Veröffentlichungsdaten der Spezifikationen wider: HTML 1 (1992), HTML 2.0 (1995), HTML 3.2 (1997), HTML 4.01 (1999); XHTML 1.0 (2000), XHTML 1.1 (2001); HTML5 (2007).

XHTMLs Aufstieg fiel mit dem weit verbreiteten Glauben an XMLs Dominanz zusammen. Dies führte zur Einführung der HTML-Codierung im XHTML-Stil.

Der anhaltende Schatten von XHTML

Der Abschnitt XHTML 1.0 "Unterschiede mit HTML 4" beschreiben die wichtigsten Unterscheidungen:

• Gut geformte Dokumente: XHTML fordert gut geformte Dokumente.
• Kleinbuch- und Attributnamen: Element- und Attributnamen müssen Kleinbuchstaben sein.
• Erforderliche End-Tags: Nicht leere Elemente erfordern End-Tags.
• Obligatorisches Zitat von Attributwerten: Attributwerte müssen immer angegeben werden.
• Keine Attributminimierung: Die Attributminimierung wird nicht unterstützt.
• Geschlossene leere Elemente: Leere Elemente müssen Schließen von Tags geschlossen werden.
• XML-konforme Whitespace-Handhabung: Whitespace in Attributwerten folgt den XML-Regeln.
• CDATA -Abschnitte für Skript und Stil: Skript- und Stilelemente erfordern CDATA -Abschnitte.
• Keine SGML -Ausschlüsse: SGML -Ausschlüsse sind nicht zulässig.
• id -Attributpräferenz: Elemente mit id und name sollten in erster Linie id verwenden.
• Fallempfindliche Attribute: Attribute mit vordefinierten Wertsätzen sind Fallempfindlichkeit.
• Referenzen für die Hexadezimaleinheit in Kleinbuchstaben: Referenzen für hexadezimale Entität müssen Kleinbuchstaben sein.

Viele Entwickler befolgen unwissentlich immer noch die meisten dieser Regeln, obwohl XHTML veraltet ist. Einige sind sogar "Best Practices" für HTML wahrgenommen.

Den wahren Geist von HTML umarmen

Im Gegensatz dazu negieren wir die XHTML-auferlegten Regeln (mit Ausnahme von SGML-bezogenen Aspekten, da HTML nicht mehr auf SGML angewiesen ist):

• Dokumentweite: Dokumente sind möglicherweise nicht gut geformt.
• Fallempfindlichkeit: Element- und Attributnamen können obere oder Klein- oder Kleinbuchstaben sein.
• Optionale End-Tags: End-Tags für nicht leere Elemente sind optional.
• Optionales Zitat: Attributwerte können nicht eingestuft werden.
• Attributminimierung: Die Attributminimierung ist zulässig.
• Un nicht abgeschlossene leere Elemente: Leere Elemente erfordern keine Schließen von Tags.
• Whitespace-Handhabung: Whitespace in Attributwerten ist nicht streng xml konform.
• CDATA -Abschnitte: CDATA -Abschnitte für Skript und Stil sind optional.
• id / name -Attribute: Die Verwendung von id und name ist nicht eingeschränkt.
• Fallempfindlichkeit von Attributen: Attribute mit vordefinierten Wertsätzen sind nicht fallempfindlich.
• Referenzen für hexadezimale Entität: Der Fall von Referenzen von Hexadezimalunternehmen ist nicht eingeschränkt.

Vereinfachung und Konzentration auf die relevantesten Aspekte:

• Optionale Tags: Start- und End -Tags sind optional.
• Un nicht abgeschlossene leere Elemente: Leere Elemente müssen keine Schließen von Tags abschließen.
• Namen von Namen: Element- und Attributnamen können obere oder Kleinbuchstaben sein.
• Optionale Anführungszeichen: Attributwerte können nicht eingestuft werden.
• Attributminimierung: Die Attributminimierung wird unterstützt.

Während die Resilienz von HTML einen ungültigen Code ermöglicht, betonen Best Practices die gültige, gut geformte HTML. Daher wird die "Dokumente möglicherweise nicht gut geformt" ignoriert. Die Essenz des HTML -Weges wird:

• Optionale Tags: Start- und End -Tags sind nicht immer erforderlich.
• Un nicht abgeschlossene leere Elemente: Leere Elemente müssen nicht geschlossen werden.
• Fall-unempfindliche Namen: Element- und Attributnamen können Kleinbuchstaben oder Großbuchstaben sein.
• Optionale Anführungszeichen: Attributwerte werden möglicherweise nicht immer zitiert.
• Attributminimierung: Die Attributminimierung wird unterstützt.

Praktische Beispiele

XHTML gegen HTML:

Xhtml:

<p> Beispielabsatz.</p>

• Punkt 1
• Punkt 2

Link

HTML:

<p> Beispielabsatz.
</p>

• Punkt 1
• Punkt 2

Link

HTML ermöglicht Großbuchstaben und Attribute, nicht geeignete Attributwerte (wenn sicher) und minimierte Attribute.

Der moderne HTML -Ansatz

Ein moderner HTML -Ansatz sollte Prioritäten setzen:

1. Gültiges und semantisches HTML: Überprüfen Sie Ihre HTML und sorgen Sie für eine semantische Korrektheit.
2. Konsistenten Codierungsstil: Wählen Sie einen konsistenten Stil für Fall (Ober- oder Kleinbuchstaben) und Attributangebot.
3. Minimalismus: Verwenden Sie HTML Minimal, und stützen Sie sich auf CSS und JavaScript für Präsentation und Verhalten. Nutzen Sie optionale Tags, Leerelementschließungen, Standardattributwerte und Attributminimierung gegebenenfalls.

Tools wie html-minifier können HTML optimieren. Die Wiederentdeckung der wahren Natur von HTML, unabhängig vom Einfluss von XML, ist der Schlüssel zur modernen Webentwicklung.

Das obige ist der detaillierte Inhalt vonSchreiben Sie HTML, den HTML -Weg (nicht die XHTML -Art). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!