9.1 DOM & Widgets (geringe Tiefe, keine Doppel-Widgets)
So gestaltest du eine saubere, schlanke HTML-Struktur ohne unnötige Wrapper.
Inhaltsverzeichnis
A. DOM-Regeln
- So wenig Container wie nötig
- Keine leeren Divs oder Spacer
- Einheitliche Semantik: h1–h6 logisch verwenden
B. DOM-Messung
Überprüfe in DevTools → Elements, dass die Seitenstruktur klar bleibt. Ziel: max. 1.500 Nodes pro Seite.
💡Tipp: Nutze Container-Flexbox anstatt mehrere Columns – weniger Wrapper, bessere Performance.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container