Warum Semantik wichtig ist
Semantisches HTML ist wichtig, weil es dem Inhalt deiner Website Bedeutung (Semantik) gibt – nicht nur Struktur oder Aussehen. Statt einfach alles mit <div> zu bauen, verwendest du Elemente wie <header>, <article>, <nav>, <section> usw., die klar sagen, was der Inhalt ist.
SEO Suchmaschinen optimierung
Suchmaschinen wie Google nutzen semantische Struktur, um Inhalte besser zu verstehen.
Bessere Lesbarkeit für Entwickler
HTML Codebeispiel
1<div class="top-bar"></div>
2<div class="menu"></div>
3<div class="content"></div>HTML Codebeispiel
1<header></header>
2<nav></nav>
3<main></main>Das zwite Beispiel ist besser Lesbar für Entwickler und Suchmaschinen
Semantisches HTML macht auf deiner Webseite:
- verständlicher (für Mensch und Maschine)
- zugänlicher
- besser für SEO
- Sauberer Code
Im nächsten Kapitel lernst du: Semantische Elemente (<header>, <main>, <footer>)