If you're seeing this message, it means we're having trouble loading external resources on our website.

Wenn du hinter einem Webfilter bist, stelle sicher, dass die Domänen *. kastatic.org und *. kasandbox.org nicht blockiert sind.

Hauptinhalt

HTML-Validierung

Browser können nachsichtig sein und eine Webseite auch dann noch anzeigen, wenn sie Fehler im Code enthält. Um sicherzustellen, dass deine Webseite in verschiedenen Browsern einheitlich funktioniert, solltest du dein HTML mit dem W3-Validierungsdienst validieren. Wir zeigen dir, wie du den W3C-Validierungsdienst nutzt und häufige Fehler behebst, z. B. fehlende Alt-Attribute für Bilder.

Willst du an der Diskussion teilnehmen?

Noch keine Beiträge.
Verstehst du Englisch? Klick hier, um weitere Diskussionen auf der englischen Khan Academy Seite zu sehen.

Video-Transkript

Auf Khan Academy zeigen wir dir den Oh-Noes-Guide, der dir sagt, wenn etwas mit deiner Webseite nicht stimmt. Aber wir zeigen dir nur die großen Fehler. Auf deiner Webseite können auch andere Dinge falsch sein. Dinge, die nicht ganz richtig sind nach der HTML-Spezifikation. Aber die Browser lassen dich damit durch, denn die Browser sind da ziemlich nachsichtig. Sie wollen einfach, dass es funktioniert. Am Ende merkst du gar nicht, dass etwas mit deiner Webseite nicht stimmt. Deshalb ist es eine gute Idee, deine Webseite durch den W3-Validierungsdienst zu überprüfen. Dieser prüft und sagt dir, ob deine Seite gültig ist und ob etwas nicht ganz richtig ist. Gehe dazu auf validator.w3.org. Dort hast du die Möglichkeit, eine URL einzugeben, eine Datei hochzuladen oder einfach HTML einzufügen. Genau das werde ich tun. Ich nehme die aktuellste Webseite, die ich in einem Talk-trough gezeigt habe und füge sie hier ein und prüfe sie. Ta-da! Es wurde erfolgreich als HTML 5 geprüft und es gibt keine Probleme damit. Fantastisch. Lass uns noch einen Versuch machen. Das ist unser Beispiel für interne HTML-Links. Ich möchte das hier einfügen und überprüfen. Oh-oh, es gab einen Fehler und zwei Warnungen. Lass uns runterscrollen. Hier steht, dass ein Bildelement ein alt-Attribut haben muss. Oh-oh, es ist ein häufiger Fehler, dass man das alt-Attribut vergisst. Wir können die Bilder sehen, aber nicht jeder kann das. Was ich also tun muss, ist zurück in den HTML-Code gehen und das alt-Attribut hinzufügen. Nehmen wir also an, das Bild war hier, alt ist gleich Foto von Tim Berners-Lee neben dem Computer und ich kopiere das und gehe wieder hoch und fügen es ein. Ich bestätige es erneut und... Ta-da! Es ist gültiges HTML. Wenn möglich solltest du immer versuchen, Webseiten zu erstellen, die gültiges HTML haben. Denn damit kannst du sicher sein, dass der Browser sie genau so interpretiert, wie du es erwartest. Immer und zu jeder Zeit. Versuche dies nun mit ein paar deiner Seiten und schau, was herauskommt.