Hauptinhalt und Abschnitte

Kümmern wir uns jetzt um die Mitte der Seite. Jedes unserer drei div-Elemente ist ein Teil des Inhalts zu einem Thema, mit eigener Überschrift, also sollten sie section-Elemente sein. Um aus einem div ein section zu machen, ändern wir sowohl sein öffnendes als auch sein schließendes Tag. Die Attribute bleiben:

<section id="rassen">
	<h2>Rassen</h2>
	...
</section>

Der gesamte Hauptinhalt der Seite kommt dann in das Element main. Eine Seite hat nur ein main, und die Teile, die sich auf anderen Seiten der Website wiederholen, wie der Kopfbereich, die Navigation oder der Fußbereich, gehören nicht hinein.

Wann verwenden wir dann noch ein div? Wenn wir Elemente nur gruppieren müssen, zum Beispiel um sie zu gestalten, und die Gruppe keine besondere Bedeutung hat.