Artikeleinführung von Wulin.com (www.vevb.com): Die Konsistenzanforderungen für HTML5 -Dokumente sollten formuliert werden und sogar neue Elemente, Attribute, APIs und Inhaltsmodelle verwendet werden. Auf diese Weise können Webinhalte in älteren oder weniger fähigen Benutzeragenten elegant herabgestuft werden. Verwenden wir das HTML5 -Formular, um zu veranschaulichen. Zu den neuen, die zu Eingabe hinzugefügten Typen gehören, gehören Nummer, Suche, Bereich, E -Mail, Datum, URL usw. Diese neuen Typ -Werte sind in Browsern enthalten, die es nicht unterstützen.
HINWEIS: Die Beispiele in diesem Artikel sollten in Code angezeigt werden, aber da der docType, den wir jetzt verwenden
Lesen Sie den Code, damit er nur in Worten erklärt werden kann.
Vermeiden Sie unnötige Komplexität
Präzise Lösungen sind nach Möglichkeit immer beliebter als komplexe.
Der Dokumenttyp von HTML 4.01 ist so festgelegt (ich habe aufgrund des Browser -Parsens die Winkelklammern ausgelassen):
! DocType html public -// w3c // dtd html 4.01 // en
Der docType von xhtml 1.0 lautet:
! DocType html public -// w3c // dtd xhtml 1.0 strict // en
In HTML 5 wird docType, wenn unnötige Komplexität beseitigt wird, zu :! docType html vereinfacht
Unterstützen Sie vorhandene Inhalte
Der vorhandene Inhalt beruht auf der erwarteten Verarbeitung und Verhaltensweisen von Benutzeragenten, um die erwartete Funktionalität zu erreichen.
Die Unterstützung vorhandener Inhalte bedeutet 100% Unterstützung für vorhandene Inhalte.
Echte Probleme lösen
Das Problem, mit dem der Inhalt der Webseite konfrontiert ist, ist nicht für die tatsächliche Lösung geeignet, die nicht den vorhandenen Anforderungen gerecht wird.
Nehmen wir beispielsweise an, ich verwende HTML 4 oder XHTML 1, die einem ganzen Inhalt entspricht, z. B. eine Produktliste, einschließlich Produktbild, Produkttitel, Produkteinführung usw. Ich möchte drei identische Links zu diesen drei Elementen hinzufügen. In HTML5 können Sie jedoch mit einem Tag diese drei Blöcke einbeziehen. Das heißt, das A-Tag enthält Elemente auf Blockebene. Dies löst das eigentliche Problem.
Wahrheit suchen und pragmatisch sein
Die neuen semantischen Elemente in HTML5 sind Reflexionen, die dem Prinzip der Wahrheits suchen und pragmatisch sind.
Wenn Sie sich jetzt die Webseite ansehen, gibt es wahrscheinlich einige Codes wie folgt: ID = Header ID = Navigation ID = Haupt -ID = Seitenleisten -ID = Fußzeile. In HTML5 können die neu hinzugefügten Tags jedoch die entsprechende DIV ersetzen, wie z. B. Header, NAV, beiseite, Fußzone. Denken Sie nicht, dass dies Ersatz von ID sind. Nein, die neuen Tags sind tatsächlich Ersetzungen der Klasse, da diese Tags auf der Seite wiederverwendet werden können.
Stabiler Verschlechterung
Konsistenzanforderungen für HTML5 -Dokumente sollten formuliert werden, und sogar neue Elemente, Attribute, APIs und Inhaltsmodelle sollten verwendet werden. Auf diese Weise können Webinhalte in älteren oder weniger fähigen Benutzeragenten elegant herabgestuft werden.
Verwenden wir HTML5 -Formulare zur Veranschaulichung. Zu den neuen, die zu Eingabe hinzugefügten Typen gehören, gehören Nummer, Suche, Bereich, E -Mail, Datum, URL usw. Diese neuen Typwerte werden als Text in Browsern interpretiert, die es nicht unterstützen. Daher können Sie mutige HTML5 -Formulare verwenden, die elegant herabgestuft werden können.
Endbenutzerpriorität
Sobald Konflikte auftreten, wird der Endbenutzer bevorzugt, gefolgt vom Autor, dem Implementierer, dem Standard -Setter und schließlich der theoretischen Perfektion.
PDF: Design von HTML5