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!