M101 - Webauftritt erstellen und veröffentlichen
  • Intro
    • 🗓️Organisatorisches
  • Tag 1
    • 01 Geschichte des Internets
    • 02 Realisation
    • 03 HTML
      • Grundlagen
      • Spezielle Tags
      • Tabellen & Listen
      • HTML Dokument
      • HTML Validierung
      • 🛠️Aufgabe Rechnung erstellen
    • 04 CSS
      • Grundlagen: Selektoren und Einbindung
      • CSS Boxmodell
      • CSS Validierung
      • 🛠️Aufgabe Rechnung gestalten
      • CSS Kaskadierung
      • Pseudoklassen
  • Tag 2
    • 01 Dokumentenstruktur
    • 02 Ordnerstruktur
    • 03 Bilder
    • 04 Gestaltung: Schriften, Farben, Einheiten
      • Schriftarten
      • Farben
      • Einheiten
    • 05 Inline und Block
    • 06 Flexbox
      • Konzept
      • Der Flex-Container
      • Die Flex-Items
      • 🛠️Aufgaben
        • Aufgabe Boxen
        • Aufgabe Newsportal
      • Weiterführende Links
    • 07 Exkurs: Usability
    • 08 Formulare
      • Formulare
      • Informationsgruppierung
      • Design- und Strukturgrundlagen
      • 🛠️Aufgabe Formulare
  • Tag 3
    • 01 CSS Grids
      • Konzept
      • Definition
      • Platzierung
      • 🛠️Grid Aufgabe
      • Grids vs. Flexbox
      • 🛠️Grids vs. Flexbox Aufgabe
      • Weiterführende Links
    • 02 Responsive Design
      • Media Queries
      • Responsive Design
      • 🛠️Aufgabe
    • 🛠️Testing-Workshop
    • 03 Konzeptionierung
    • 04 Veröffentlichen
    • Projektarbeit
Powered by GitBook
On this page
  • Warum sollte man validen Code erstellen?
  • Wie kann man den Code überprüfen?

Was this helpful?

  1. Tag 1
  2. 03 HTML

HTML Validierung

PreviousHTML DokumentNextAufgabe Rechnung erstellen

Last updated 2 years ago

Was this helpful?

Validierung ist ein Prozess, bei dem Dokumente auf die Einhaltung eines formalen Standards (zum Beispiel die vom W3C) überprüft werden. Ein Dokument, das so geprüft wurde und diese Prüfung bestanden hat, wird als valide bezeichnet.

Warum sollte man validen Code erstellen?

  • Nicht valider Code wird von den Browsern automatisch korrigiert. Dabei kann es sein, dass der eine Browser den Code anders korrigiert, als ein anderer Browser.

  • Die Ladezeiten können durch nicht validen Code verlängert werden.

  • Barrierefreiheit und Usability: Nicht valider Code kann dazu führen, dass die Barrierefreiheit sich verschlechtert und die Website nicht problemlos benutzt werden kann.

  • Auch für die Suchmaschinenoptimierung und Online-Vermarktung sollte der Code möglichst valide sein. Nicht alle Crawler sind so fehlerresistent wie der GoogleBot. Und so kann nicht valider Code dazu führen, dass die Website nicht vollständig von Suchmaschinen-Bots analysiert werden kann.

  • Zukunftssicherheit ist ebenfalls ein Thema: Eine valide Website hat sehr gute Chancen auch in zukünftigen Browser-Versionen, komplett neuen Browsern oder auf mobilen Anzeigegeräten korrekt dargestellt zu werden.

Wie kann man den Code überprüfen?

Ganz einfach mit dem oder einem anderen HTML-Validator.

W3C-HTML-Validator