Divs

Schauen wir uns jetzt das Element div an (div steht für Bereich, englisch division). Wir verwenden es, um andere Elemente zu gruppieren:

<div>
	<h2>Ich bin eine Überschrift in einem div!</h2>
	<p>Ich bin ein Absatz im selben div!</p>
</div>

Das Element div ist zwar allein nicht sichtbar, aber es ist sehr nützlich, wenn wir allen darin verschachtelten Elementen denselben Stil geben wollen. Wir können auch dem Element div selbst andere Stile geben. Wir wissen noch nicht, was Stile sind, aber im CSS-Kurs lernen wir sie kennen.

Ein div gruppiert allerdings nur Elemente. Es hat keine eigene Bedeutung: Es sagt zum Beispiel nicht, ob sein Inhalt ein Menü, ein Artikel oder der Fußbereich der Seite ist. Am Ende der Lektion über weiterführende HTML-Elemente lernen wir Elemente kennen, die ebenfalls Inhalte gruppieren, darüber hinaus aber sagen, welcher Teil der Seite es ist: header, nav, main, footer und section.