Summary  
This chapter covers how to validate HTML code for syntax errors and best practices by using a markup validator to identify and fix errors in tag structure and attributes.

General domain of usage  
Web development

Das Schreiben von HTML erfordert Aufmerksamkeit für jedes Tag, jede Klammer und jedes Attribut. Für Anfänger ist es leicht, kleine Details zu übersehen, weshalb HTML-Validatoren existieren.

Validatoren überprüfen deinen Code auf Syntaxfehler und helfen dir, Probleme zu beheben, bevor sie zu Schwierigkeiten führen.

Validatoren überprüfen nicht die Bedeutung (Semantik). Sie konzentrieren sich ausschließlich darauf, ob dein Markup den HTML-Regeln entspricht:
- Korrekte HTML-Syntax;
- Einhaltung der HTML-Standards (wie HTML5);
- Richtige Tag-Namen und Schreibweise;
- Korrekte Verwendung von Attributen;
- Ordnungsgemäß geöffnete und geschlossene Tags;
- Korrektes Verschachteln (Elemente in der richtigen Reihenfolge platziert).

Was Validatoren überprüfen

Wir verwenden einen beliebten Online-Validator namens W3C Markup Validation Service, um die Validierung zu üben. Öffne den folgenden Link in einem neuen Tab, indem du darauf klickst: [Validator](https://validator.w3.org/nu/#textarea)

Jetzt validieren wir gemeinsam einen Codeausschnitt. Kopiere den unten bereitgestellten Code zu Testzwecken:

PHA+VGhlIDxhPjxlbT5zdW4gZmFkZXM8L3A+PC9lbT4gYmVoaW5kIHRoZSBoaWxscy48L2E+

Fügen Sie den Code im Fenster des Validators zwischen die öffnenden und schließenden `<body>`-Tags ein. Klicken Sie anschließend auf die Schaltfläche "Check".

Fehler, die vom Validator erkannt werden, sollten in der aufgeführten Reihenfolge behoben werden. Während Warnungen optional zu korrigieren sind, ist es gute Praxis, diese zu analysieren und eine hochwertige Auszeichnung sicherzustellen.

PHA+VGhlIDxhPjxlbT5zdW48L2VtPiBmYWRlczwvYT4gYmVoaW5kIHRoZSBoaWxscy48L3A+

Durch das Korrigieren der Tag-Reihenfolge und das ordnungsgemäße Schließen aller Elemente wird der Code gültig und für Browser leichter interpretierbar.

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Funktionsweise des Webs. Erfahren Sie, wie Daten über Netzwerke übertragen werden, entdecken Sie die Rolle von Protokollen und entschlüsseln Sie die Geheimnisse von IP-Adressen und Domainnamen. Gewinnen Sie ein grundlegendes Verständnis darüber, wie Webbrowser und Server miteinander kommunizieren, um Webinhalte bereitzustellen.

Erkunden Sie die Möglichkeiten von Tags zur Strukturierung von Inhalten, von Überschriften und Absätzen bis hin zu Listen und Tabellen. Erfahren Sie, wie Sie Elemente mit Attributen erweitern können.

Der Kern der HTML-Dokumentstruktur. Lernen Sie die Bestandteile eines HTML-Dokuments kennen, einschließlich der Doctype-Deklaration, des Head- und Body-Bereichs. Verstehen Sie den Zweck jedes Elements und wie sie zur Gesamtstruktur einer Webseite beitragen.

Gestaltung einer ansprechenderen Webseite durch den Einsatz von Medien wie Bildern, Audio und Video. Umgang mit strukturierten tabellarischen Daten in Form von Tabellen.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Validierung Ihres HTML-Codes für Best Practices