Lädt...

HTML Div

Nach Block/Inline setzen wir die div-Box zum Gruppieren ein.

Warum eine „bedeutungslose“ Box hilft

Karten starten oft als div mit class als CSS-Haken.

Direkte Antwort

Verwandtes Markup in div wickeln, class setzen, Semantik bevorzugen wenn klar.

Eine Kartengruppe

div um Überschrift und Absatz.

Grouping with a card div

html

HTML Code

<div class="card">
<h2>Today</h2>
<p>Practice HTML containers with a simple card.</p>
</div>

Kartenbeispiel lesen

div gruppiert
h2/p behalten Bedeutung
class = Hook

Wrapper mit zwei Karten

Äußerer Wrapper, innere Karten.

Wrapper with two cards

html

HTML Code

<div class="card-row">
<div class="card">
<h3>Lesson</h3>
<p>Read the notes once.</p>
</div>
<div class="card">
<h3>Practice</h3>
<p>Rebuild the markup from memory.</p>
</div>
</div>

Wrapper lesen

zwei Ebenen reichen
Kinder bleiben semantisch

Bedeutung bevorzugen

div ist Fallback, nicht erste Wahl für jede Region.

Übung

Eine Karte
Zwei Karten im Wrapper
Leere divs entfernen
Drei Tags notieren, die kein div ersetzen

Typische Fehler

Div-Suppe
div statt p/ul/nav
leere Wrapper

Kurzfassung

generischer Block
class als Hook
Semantik wenn klar
keine Suppe

🧠 Testen Sie Ihr Wissen

Bereit zum Start

Testen Sie Ihr Wissen

Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen

❓

Fragen

🎯

70%

Zum Bestehen

♾️

∞

Zeit

🔄

∞

Versuche

📝 Anweisungen

Lesen Sie jede Frage sorgfältig
Wählen Sie die beste Antwort für jede Frage
Sie können das Quiz so oft wiederholen, wie Sie möchten
Ihr Fortschritt wird oben angezeigt

Sprache