Tag 12: Überprüfung und häufige Fehler_Grundlegendes Tutorial

Nachdem wir viele Tage hart gearbeitet hatten, arbeiteten wir hart daran, den Umgang mit XHTML+CSS für die Neugestaltung unserer Website zu erlernen. Woher wissen wir also, dass die von uns erstellten Seiten wirklich den Webstandards entsprechen? Das W3C und einige freiwillige Websites bieten Online-Verifizierungsprogramme an, die uns dabei helfen, zu überprüfen, ob die Seiten den Standards entsprechen, und Hilfeinformationen zur Korrektur von Fehlern bereitzustellen. Diese Prüfungen sind sehr nützlich und das Erste, was ich beim Debuggen einer Seite durchführe.

1.XHTML-Validierung

• Validierungs-URL: http://validator.w3.org/
• Überprüfungsmethode: URL-Überprüfung, Datei-Upload-Überprüfung

Wenn die Überprüfung erfolgreich ist, wird „Diese Seite ist gültiges XHTML 1.0 Transitional!“ angezeigt, wie im Bild gezeigt:

Wenn die Verifizierung fehlschlägt, werden weitere Verifizierungsoptionen und Fehlermeldungen angezeigt, wie in der Abbildung dargestellt:

Im Allgemeinen kann Ihnen die Auswahl von „Quelle anzeigen“ und „Ausführliche Ausgabe“ dabei helfen, die Zeile mit dem Fehlercode und die Fehlerursache zu finden.

Vergleichstabelle der häufigsten Ursachen für XHTML-Validierungsfehler

• Kein DOCTYPE gefunden! Zurück zur HTML 4.01-Übergangsversion – DOCTYPE ist nicht definiert.
• Keine Zeichenkodierung gefunden! Zurückgreifen auf UTF-8. --Undefinierte Sprachkodierung.
• End-Tag für „img“ weggelassen, aber OMITTAG NO wurde angegeben – Das Bild-Tag wird nicht mit „/“ geschlossen.
• Eine Attributwertspezifikation muss ein Attributwertliteral sein, es sei denn, SHORTTAG YES ist angegeben. Der Attributwert muss in Anführungszeichen gesetzt werden.
• Element „DIV“ undefiniert---DIV-Tags dürfen nicht in Großbuchstaben geschrieben werden und müssen in div in Kleinbuchstaben geändert werden.
• erforderliches Attribut „alt“ nicht angegeben---Das Bild muss das alt-Attribut hinzufügen.
• erforderliches Attribut „Typ“ nicht angegeben --- Dem von JS oder CSS aufgerufenen Tag fehlt das Typattribut.

Einer der häufigsten Fehler ist die Großschreibung von Etiketten. Normalerweise hängen diese Fehler zusammen. Wenn Sie beispielsweise ein vergessen, werden andere

Die anderen Fehler verschwinden. Wenn Ihre Seite die XHTML1.0-Validierung besteht, können Sie ein solches Symbol auf der Seite platzieren: Der Code lautet wie folgt:

w3.org/check/referer">

2.CSS2-Validierung

Validierungs-URL:
• http://jigsaw.w3.org/css-validator/ Überprüfungsmethoden: URL-Überprüfung, Datei-Upload-Überprüfung, direkte Code-Überprüfung

Wenn die Überprüfung erfolgreich ist, wird „Herzlichen Glückwunsch, dieses Dokument hat die Stylesheet-Überprüfung bestanden!“ angezeigt. Hoho, die Überprüfungsinformationen unterstützen Chinesisch. Wie im Bild gezeigt:

Wenn die Überprüfung fehlschlägt, werden zwei Arten von Fehlern angezeigt: Fehler und Warnungen. Der Fehler bedeutet, dass er korrigiert werden muss, andernfalls wird die Überprüfung nicht bestanden. Die Warnung bedeutet, dass es Code gibt, der vom W3C nicht empfohlen wird, und es wird empfohlen, ihn zu ändern.

Vergleichstabelle der häufigsten Ursachen für CSS2-Validierungsfehler

(Fehler) Ungültige Zahl: color909090 ist kein Farbwert: 909090 ---Der hexadezimale Farbwert muss mit einem „#“-Zeichen hinzugefügt werden, also #909090
• (Fehler) Ungültige Zahl: margin-topUnknown dimension: 6pixels ---Pixel ist kein Einheitswert, die richtige Schreibmethode ist 6px
• (Fehler) Das Attribut scrollbar-face-color existiert nicht: #eeeeee --- Das Definieren der Farbe der Bildlaufleiste ist ein nicht standardmäßiges Attribut
• (Fehler) Wert Cursorhand existiert nicht: Hand ist ein nicht standardmäßiger Attributwert, geändert in Cursor:Zeiger
• (Warnung)Zeile: 0 Schriftfamilie: Es wird empfohlen, als letzte Auswahl eine Schriftfamilie anzugeben – W3C empfiehlt, dass beim Definieren von Schriftarten diese mit einer Schriftart enden, z. B. „sans-serif“ , um sicherzustellen, dass Webfonts unter verschiedenen Betriebssystemen angezeigt werden können.
• (Warnung)Zeile: 0 kann die Warnmeldung für otherprofile nicht finden – Zeigt an, dass der Code nicht standardmäßige Attribute oder Werte enthält und das Überprüfungsprogramm die entsprechenden Warninformationen nicht ermitteln und bereitstellen kann.

In ähnlicher Weise können Sie nach bestandener Überprüfung ein CSS-Überprüfungssymbol platzieren. Der Code lautet wie folgt:

/css-validator /">