Struktur & Semantik für Dokumente - HTML5 - page 26

kument. Ähnlich verhält es sich beim time -Element in Verbindung mit dessen
Attributen pubdate und datetime , die den Zeitstempel unseres Artikels formen.
Details dazu werden Sie in Abschnitt 2.7.2, Das Element »time«, noch näher
kennenlernen.

Werden article -Elemente ineinander verschachtelt, soll der innere Artikel
prinzipiell thematisch zum äußeren Artikel passen. Ein Beispiel für so ein
Nesting wäre in unserem Fall die Erweiterung des Blog-Posts um einen Unter-
artikel für Kommentare zum jeweiligen Posting.

Bezüglich des Stylings über CSS bleibt zu erwähnen, dass article wieder dis-
play: block benötigt, dass die Breite des Inhalts mithilfe des umgebenden div
auf 79 % reduziert wird und dass bei diesem div auch mit clear: left das
float: left des Logos neutralisiert wird. Die kursive Autoreninformation ist
das Resultat des Standardformats für address und entsteht nicht über em . Das
Schmuckbild wird mit float: left links verankert; der Text wurde über align:
justify im Blocksatz gesetzt, und Zitate wurden mithilfe des q -Elements ein-
gebaut. Ein interessantes Detail dabei ist, dass die Anführungszeichen nicht
Teil des Markups sind, sondern gemäß der Stylingvorschrift für das q -Element
über die CSS-Pseudoelemente :before und :after vom Browser automatisch
hinzugefügt werden. Die Syntax in CSS-Notation dafür zeigt wieder die Mark-
up-Spezifikation:
/* Stylingvorschrift für das q-Element: */
q { display: inline; }
q:before { content: '"'; }
q:after { content: '"'; }

2.3 Fußzeile mit »footer« und »nav«

In der Fußzeile des HTML-Blogs finden wir zwei weitere neue strukturgebende
Elemente: footer und nav . Ersteres bildet den Rahmen, Zweiteres die Navi-
gation zu anderen Bereichen der Webseite. footer enthalten dabei Zusatzin-
formationen zum jeweiligen Abschnitt, wie: Wer hat es geschrieben (natürlich
als address ); gibt es weitere, verwandte Seiten; was ist zu beachten (Copyright,
Disclaimer) oder Ähnliches.

Im Gegensatz zum menschlichen Körper, bei dem head oben und foot unten ist,
müssen footer nicht immer am Ende eines Dokuments stehen, sondern dür-
fen zum Beispiel auch Teil eines article -Elements sein. Nicht erlaubt sind ver-
schachtelte footer sowie footer innerhalb eines header - oder address -Elements.