Bei semantischem wählst du Elemente nach Bedeutung, nicht nach Optik. Ein Link ist ein <a href>, ein Button ein <button>, eine Aufzählung eine echte Liste. Das Aussehen steuern , nicht das HTML.
Zentrale semantische HTML5-Elemente sind:
<header>und<footer>für Kopf- und Abschlussbereich,<nav>für Navigation,<main>für den einzigartigen Hauptinhalt,<article>für eigenständige Inhalte,<section>und<aside>für Abschnitte und Zusatzinhalte.
Eine reine „Div-Wüste“ erschwert Orientierung, Barrierefreiheit und maschinelles Verständnis. ist kein garantierter Ranking-Faktor, aber sauberes Markup, das Hauptinhalt, Navigation und Beiwerk klar unterscheidbar macht, für Menschen wie für Maschinen.