←  Alle Begriffe
H
Frontend & Web Development

HTML

HTML strukturiert die Inhalte einer Webseite semantisch, etwa mit Überschriften, Absätzen, Links, Formularen und Medien.

HTML strukturiert die Inhalte einer Webseite semantisch, etwa mit Überschriften, Absätzen, Links, Formularen und Medien. Gute Implementierungen sollten semantisch, wartbar und performant sein und auf unterschiedlichen Geräten sowie mit verschiedenen Eingabemethoden funktionieren. Verwandte Begriffe sind Semantisches HTML und CSS.

Weiterlesen

Semantisches HTML

CSS

Barrierefreiheit

Next.js

Progressive Enhancement

FAQ

HTML

Welche typischen Fehler gibt es beim Schreiben von HTML?
Typisch sind übersprungene Überschriftenebenen, Klick-Elemente aus div statt button oder a, fehlende Labels an Formularfeldern und Bilder ohne Alternativtext. Auch verschachtelte Wrapper-Elemente ohne Zweck blähen den Code auf. Ein Validator und ein Test per Tastatur finden viele dieser Fehler schnell.
Was unterscheidet HTML von CSS und JavaScript?
HTML liefert Struktur und Inhalt, CSS die Gestaltung und JavaScript das Verhalten. Eine Seite sollte auch ohne die beiden anderen Schichten lesbar und grundlegend bedienbar bleiben, das ist der Gedanke von Progressive Enhancement. Wer Struktur erst per Skript erzeugt, macht Inhalte anfällig für Fehler und schwerer zugänglich.
Warum kommt es bei HTML auf die richtigen Elemente an?
Elemente tragen Bedeutung: Ein button ist per Tastatur bedienbar, eine Überschrift erscheint in der Navigation von Screenreadern, ein nav markiert Navigation. Ein div mit Klick-Skript bietet das nicht ohne Zusatzaufwand. Semantisches HTML verbessert damit Barrierefreiheit, Wartbarkeit und die Verarbeitung durch Suchmaschinen, ohne dass es optisch sichtbar wäre.