Eine Sektion ist ein abgegrenzter Abschnitt im Inhaltsbereich einer Seite, der ein Thema zusammenhält. Sichtbar wird sie meist durch eine eigene Hintergrundfarbe, einen Abstand oder eine volle Breite. Im Seitenbaukasten eines Redaktionssystems ist sie die Einheit, die Redakteure stapeln.
- Sektion
Abgegrenzter Abschnitt im Inhaltsbereich einer Seite, der ein Thema zusammenhält.
Beispiel: „Die Sektion mit den Kundenstimmen steht auf hellgrauem Grund.“Auch: Inhaltsbereich oder, nach dem HTML-Element, Section. Das Element section ist dabei nur dann richtig, wenn der Abschnitt eine eigene Überschrift hat.
Abgrenzung zum Header und Footer: Diese beiden wiederholen sich auf jeder Seite. Sektionen liegen dazwischen und sind je Seite verschieden.
Wofür Sektionen gebraucht werden
Sie geben einer langen Seite Rhythmus. Ohne Abgrenzung läuft der Inhalt als ein Block durch, und der Blick findet keinen Halt. Ein Wechsel der Hintergrundfarbe oder ein großer Abstand sagt: Hier beginnt etwas Neues.
Im Redaktionssystem sind Sektionen zudem die Bausteine, aus denen eine Seite entsteht. Redakteure wählen einen Typ, füllen ihn und schieben ihn an die richtige Stelle, ohne an Gestaltung denken zu müssen.
Das section-Element ist kein Ersatz für div
In HTML grenzt das section-Element einen Bereich ab, der zum Dokumentaufbau gehört. Es setzt voraus, dass der Abschnitt eine eigene Überschrift trägt. Wird es nur zum Gruppieren benutzt, etwa um Abstand zu erzeugen, ist ein schlichtes div richtig.
<section aria-labelledby="stimmen">
<h2 id="stimmen">Was Kunden sagen</h2>
…
</section>Wie viele Sektionen eine Seite verträgt
So viele, wie es Themen gibt, und nicht mehr. Seiten aus zwölf Sektionen entstehen meist dadurch, dass jeder Beteiligte seinen Baustein unterbringen wollte. Der Besucher scrollt dann an allem vorbei, weil nichts hervorsticht.
Hilfreich ist eine Reihenfolge, die einer Argumentation folgt: zuerst die Einordnung, dann der Beleg, dann der nächste Schritt. Wer die Sektionen stattdessen nach Zuständigkeiten sortiert, bekommt eine Seite, die wie ein Organigramm liest.