Validierung von HTML5 -Dokumenten - SitePoint

HTML5 -Überprüfung: Vereinfachen Sie den Code und verbessern Sie die Qualität der Webseite

Schlüsselpunkte

• HTML5 -Überprüfung konzentriert sich eher auf die korrekte Verwendung von Elementen, die Genauigkeit der Attributwerte und die Integrität der erforderlichen Attribute als auf den Codestil. Es ist immer noch ein wertvolles Werkzeug, um sicherzustellen, dass Ihre Tags den HTML5 -Spezifikationen entsprechen.
• Es gibt viele Unterschiede zwischen der Validierung von XHTML und HTML5, einschließlich optionaler Elemente und Attribute, Fallunsensitivität und der Wirksamkeit zuvor veralteter Elemente. Es wird empfohlen, einen Stil zu wählen und die Konsistenz in Ihrem HTML5 -Projekt aufrechtzuerhalten.
Die Verifizierung
• HTML5 ist entscheidend, um sicherzustellen, dass Webseiten vom Browser korrekt formatiert und interpretiert werden, wodurch die Leistung verbessert, Fehler reduziert und die Zugänglichkeit verbessert werden. Für die HTML5 -Überprüfung stehen eine Vielzahl von Online- und Offline -Tools zur Verfügung. Für diejenigen, die strengere Richtlinien einhalten möchten, stehen Tools zur Überprüfung zur Verfügung.

(Das Folgende wird aus dem Buch "HTML5 & CSS3 für die reale Welt, 2. Ausgabe" von Alexis Goldstein, Louis Lazaris und Estelle Weyl ausgehoben. Das Buch ist in Geschäften auf der ganzen Welt erhältlich und erhältlich. Sie können es auch hier finden Im vorherigen Kapitel haben wir einige Syntaxänderungen in HTML5 eingeführt und einige validierungsbezogene Probleme angesprochen. Erweitern wir diese Konzepte detaillierter, damit Sie die Änderungen bei der Validierung von Seiten besser verstehen können.

HTML5 Validator konzentriert sich nicht mehr auf den Codestil. Sie können Groß- oder Kleinbuchstaben verwenden, Zitate in Attributen weglassen, optionale geschlossene Tags ausschließen und willkürlich inkonsistent sein, Ihre Seite ist weiterhin gültig.

Sie könnten dann fragen, was als HTML5 -Validator -Fehler angesehen wird? Es wird Sie an die falsche Verwendung von Elementen, Elementen erinnern, die nicht enthalten sein sollten, fehlende erforderliche Attribute, falsche Attributwerte und mehr. Kurz gesagt, der Validator lässt Sie mitgeteilt, ob Ihre Tags mit der Spezifikation in Konflikt stehen. Daher ist es immer noch ein wertvolles Tool bei der Entwicklung einer Seite.

Um Ihnen eine Vorstellung davon zu geben, wie sich HTML5 von übermäßig strengen XHTML unterscheidet, schauen wir uns einige Details an. Auf diese Weise können Sie verstehen, was in html5:

als gültig angesehen wird

In XHTML-basierter Syntax sind in HTML5 einige Elemente, die in XHTML erforderlich sind, nicht mehr erforderlich, um das Dokument HTML5 zu ermöglichen. Dies liegt daran, dass der Browser sie automatisch in das Dokument aufgenommen, wenn Sie sie ausschließen.

• leere Elemente (d. H. Elemente ohne entsprechende geschlossene Tags oder ohne irgendetwas) müssen nicht mit geschlossenen Schrägstrichen geschlossen werden;
• Elemente und Attribute können Großbuchstaben, Kleinbuchstaben oder gemischtes Gehäuse sein.
• Um den Attributwert sind keine Anführungszeichen erforderlich. Die Ausnahme besteht darin, mehrere speicher getrennte Werte zu verwenden, oder die URL erscheint als Wert und enthält eine Abfragezeichenfolge mit einem gleichen Zeichen (=) Zeichen (=).
• In XHTML-basierter Syntax sind einige Eigenschaften, die in XHTML erforderlich sind, in HTML5 nicht mehr erforderlich. Zum Beispiel das Typ -Attribut des Skriptelements und das XMLNS -Attribut des HTML -Elements.
• Einige Elemente, die in XHTML veraltet sind und daher ungültig sind, sind jetzt gültig;
• Gerade Text, der in keinem Element erscheint, sondern direkt im Körperelement platziert ist, wird das XHTML -Dokument ungültig machen.
• Einige Elemente, die in XHTML geschlossen werden müssen, können in HTML5 nicht geschlossen werden, ohne Validierungsfehler zu verursachen.
• Formularelement erfordert kein Aktionsattribut.
• Das Formularelement (z. B. Eingabe) kann als direktes Kind des Formularelements verwendet werden.
• textarea -Elemente erfordern keine Zeilen und Cols -Attribute.
Das Zielattribut der Verbindung ist zuvor in XHTML veraltet. Es ist jetzt in HTML5 gültig.
Wie bereits in diesem Kapitel erläutert, können Elemente auf Blockebene im Link (a) Element platziert werden.
Wenn das & Zeichen (&) als Text auf der Seite angezeigt wird, muss es nicht als & aggressiv codiert werden.

Dies ist eine ziemlich umfassende (wenn auch nicht erschöpfende) Liste der Unterschiede zwischen dem strengen XHTML -Schema und der HTML5 -Validierung. Einige sind Stilentscheidungen, daher ermutigen wir Sie, einen Stil zu wählen und konsistent zu sein. Wir haben einige der bevorzugten Stilauswahl im vorherigen Kapitel beschrieben, und Sie können diese Vorschläge in Ihr eigenes HTML5 -Projekt einbeziehen.

Hinweis: Strengere Überprüfungswerkzeuge

Wenn Sie strengere Richtlinien verwenden möchten, um den Grammatikstil von Tags zu überprüfen, können Sie einige Tools verwenden, mit denen Sie Ihnen helfen können. Eines der Werkzeuge ist Philip Waltons HTML -Inspektor. Um es zu verwenden, können Sie das Skript während der Entwicklungsphase in Ihre Seite einbeziehen, dann die JavaScript -Konsole des Browsers in den Entwickler -Tools öffnen und den Befehl htmlinspector.inspect () ausführen. Dies zeigt direkt viele Warnungen und Vorschläge in der Konsole und erklärt, wie Sie Ihr Markup verbessern können. Mit HTML Inspector können Sie auch die Konfigurationen ändern, um Tools entsprechend Ihren Anforderungen anzupassen.

Zusammenfassung

Bisher haben wir fast alle neuen semantischen und syntax -Veränderungen in HTML5 erfahren. Einige dieser Informationen sind zunächst schwer zu verdauen, aber keine Sorge! Der beste Weg, um sich mit HTML5 vertraut zu machen, besteht darin, es zu verwenden - beginnen Sie mit Ihrem nächsten Projekt. Versuchen Sie, einige der strukturellen Elemente zu verwenden, die wir im vorherigen Kapitel eingeführt haben, oder einige der in diesem Kapitel gesehenen Semantik auf Texteebene. Wenn Sie nicht sicher sind, wofür ein Element ist, gehen Sie zurück und lesen Sie über diesen Abschnitt oder lesen Sie die Spezifikation selbst. Während die Sprache sicherlich langweiliger ist als der Text in diesem Buch (zumindest hoffen wir es!), Kann die Spezifikation die beabsichtigte Verwendung eines bestimmten Elements besser beschreiben. Denken Sie daran, dass die HTML5 -Spezifikation noch in der Entwicklung ist. Einige der von uns abgedeckten Inhalte können also in der neuen HTML5.1 -Version (oder in der HTML5 -dynamischen Standard "immer noch auftreten, wenn Sie der Definition der Änderung von Whatwg folgen). Die Spezifikation enthält immer die neuesten Informationen.

Im nächsten Kapitel werden wir uns die wichtigsten neuen Funktionen in HTML5 ansehen: Formulare und formbezogene Funktionen.

HTML5 Dokumentverifizierung FAQ (FAQ)

Was ist die HTML5 -Überprüfung und warum ist es wichtig?

HTML5 -Überprüfung ist ein Prozess des Überprüfungs -Webseiten -Codes gemäß den formalen Syntaxregeln der HTML5 -Spezifikation. Dies ist sehr wichtig, da sichergestellt wird, dass Ihre Webseite korrekt formatiert ist und vom Browser korrekt interpretiert werden kann. Dies führt zu einer besseren Leistung, weniger Fehlern und einer verbesserten Zugänglichkeit für Benutzer mit Behinderungen. Darüber hinaus kann es bei SEO helfen, da Suchmaschinen gut strukturierte und fehlerfreie Websites bevorzugen.

Wie überprüfen Sie mein HTML5 -Dokument?

Sie können Online -Tools wie W3C -Tag -Überprüfungsdienste verwenden, um Ihre HTML5 -Dokumente zu überprüfen. Geben Sie einfach Ihre Webseiten -URL ein oder laden Sie Ihre HTML -Datei hoch. Das Tool überprüft sie anhand des HTML5 -Standards und meldet alle Fehler oder Warnungen.

Was ist das am wenigsten gültige HTML5 -Dokument?

Das minimal valte HTML5 -Dokument ist das einfachste HTML5 -Dokument, das die von der HTML5 -Spezifikation festgelegten Standards immer noch entspricht. Es enthält eine Dokumententypdeklaration, das Stammelement (HTML), das Kopfelement und das Körperelement.

Was sind einige häufige HTML5 -Überprüfungsfehler?

übliche HTML5 -Validierungsfehler umfassen fehlende geschlossene Tags, eine falsche Verschachtung von Elementen, die Verwendung von veralteten Elementen oder Attributen und das Vergessen, zu Beginn des Dokuments Deklarationen einzuschließen.

Wie kann ich HTML5 -Überprüfungsfehler beheben?

HTML5 -Bestätigungsfehler beheben, geben Sie den Code an, das auf Fehlermeldungen basiert, die durch das Bestätigungs -Tool bereitgestellt werden. Dies kann das Hinzufügen fehlender Tags, das Löschen oder Ersetzen von veralteten Elementen oder das Korrigieren der Verschachtelung von Elementen umfassen.

Welche Rolle spielt die Deklaration vom Dokumenttyp bei der HTML5 -Überprüfung?

Deklarationstyperklärung ist die erste Zeile eines HTML5 -Dokuments, in dem der Browser mitgeteilt wird, in welcher Version von HTML geschrieben ist. Es ist für die Überprüfung von entscheidender Bedeutung, da es dem Browser- und Überprüfungswerkzeug hilft, den Rest des Codes richtig zu interpretieren.

Kann ich die HTML5 -Dokumentation verifizieren, die CSS und JavaScript enthält?

Ja, Sie können HTML5 -Dokumente, die CSS und JavaScript enthalten, überprüfen. Die Überprüfung überprüft jedoch nur den HTML -Code. Für CSS und JavaScript müssen Sie ein separates Verifizierungswerkzeug verwenden.

Was sind die Vorteile der Verwendung von HTML5 -Validatoren?

Verwenden von HTML5 -Validator kann Ihnen helfen, Fehler zu fangen und zu beheben, bevor sie Probleme verursachen. Es kann die Leistung, Zugänglichkeit und Suchmaschinen -Rangliste Ihrer Website verbessern. Es ist auch eine großartige Möglichkeit, mehr über HTML zu erfahren und Ihre Codierungsfähigkeiten zu verbessern.

Kann ich HTML5 -Dokumente offline überprüfen?

Ja, es gibt Tools, mit denen Sie HTML5 -Dokumente offline überprüfen können. Diese Tools umfassen Softwareanwendungen und Befehlszeilen-Tools, die Sie auf Ihrem Computer installieren können.

Was ist der Unterschied zwischen der HTML5 -Überprüfung und der HTML5 -Konsistenzprüfung?

Bei

HTML5 -Validierung geht es darum, die Codesyntax gemäß der HTML5 -Spezifikation zu überprüfen. Bei Konsistenzprüfung hingegen geht es darum, sicherzustellen, dass Ihre Webseiten den Best Practices in Webdesign und Barrierefreiheit und Syntax korrekt verfolgen.

Das obige ist der detaillierte Inhalt vonValidierung von HTML5 -Dokumenten - SitePoint. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!