Semantische Gliederung

Aus den Über­schriften-Typen in einem Text, sollte die seman­tis­che Struk­tur des Textes zu erken­nen sein.

H1

Der H1-Tag wird automa­tisch für den Titel eines Beitrags oder ein­er Seite angewen­det und kann nicht geän­dert wer­den. Er sollte im Text nicht nochmal vorkommen.

H2

Der H2-Tag ist für Zwis­chenüber­schriften und kann mehrfach ver­wen­det wer­den (wie die anderen H‑Tags auch).

H3

Der H3-Tag ist für Unterüber­schriften und sollte nie über einem H2-Tag vorkom­men (entsprechen­des gilt für die anderen H‑Tags).

H4

Der H4-Tag ist für Über­schriften inner­halb eines mit H3 über­schriebe­nen Textabschnitts.

H5

Der H5-Tag ist für Über­schriften inner­halb eines mit H4 über­schriebe­nen Textabschnitts.

H6

Der H6-Tag ist für Über­schriften inner­halb eines mit H5 über­schriebe­nen Textabschnitts.

Bei der Textgliederung soll­ten Über­schriften­stufen auf dem Weg nach unten nicht über­sprun­gen werden.

Über­schriften-Tags soll­ten entsprechend ihrer seman­tis­chen Ord­nung in der Größe angepasst sein.

Schlecht­es Beispiel: Das Design TwentyTwentyOne

H196 px
H248 px
H332 px
H424 px
H518 px
H616 px
Text20 px!

Bess­er wäre es z. B. so:

H174 px
H260 px
H348 px
H438 px
H530 px
H624 px
Text20 px
style.css

Nach Klick­en auf das im Guten­berg-Edi­tor wird die Gliederung des Doku­ments angezeigt.

Der Hin­weis bei H1 ist hier berechtigt. Zu fra­gen ist, warum H1 im Edi­tor über­haupt ange­boten wird.


Beitrag veröffentlicht

in

von

Schlagwörter:

Kommentare

Schreibe einen Kommentar