Semantische Elemente
Semantische Elemente in HTML sind Tags, die eine klare Bedeutung über den Inhalt geben – sowohl für den Browser als auch für dich als Entwickler, für Suchmaschinen und Screenreader.
Beispiele für nicht-semantische Elemente: <div> und <span>. Diese sagen nichts über den Inhalt aus.
Beispiele für semantische Elemente: <nav>, <article> und <section>. Diese beschreiben die Bedeutung des Inhalts.
| HTML Element | Bedeutung |
|---|---|
| <header> | Kopfbereich (Logo, Navigation, Titel) |
| <nav> | Navigationsbereich (Menüs, Links) |
| <main> | Hauptinhalt der Seite |
| <section> | Thematischer Abschnitt |
| <article> | Eigenständiger Inhalt (z. B. Blogpost) |
| <aside> | Nebeninhalt (z. B. Sidebar) |
| <footer> | Fußbereich (Kontakt, Copyright) |
Im nächsten Kapitel lernst du: SEO-Grundlagen