Modul 04
HTML-Struktur
Semantische Elemente geben einer Seite Bedeutung statt nur Aussehen. Schalte Landmarken ein und aus und beobachte, wie sich Gerüst und Code ändern.
Werkstatt-Regler
<header>
<nav>
<aside>
<footer>
Warum nicht nur <div>?
Semantische Elemente wie <nav> oder <main> beschreiben, wofür ein Bereich da ist – nicht nur, wie er aussieht.
Zugänglichkeit
Screenreader nutzen diese Landmarken, um Nutzenden schnelles Springen zwischen Bereichen wie Navigation und Hauptinhalt zu ermöglichen.
SEO-Nebeneffekt
Suchmaschinen gewichten Inhalt in <main> und <article> anders als Inhalt in Navigation oder Footer.