Information Technology Reference
In-Depth Information
In puncto CSS weist die Kopfzeile keine großen Besonderheiten auf. Das Logo
ist mit
float:left
eingebunden, die vertikalen Abstände zwischen den beiden
Headings
h1
und
h2
sind leicht verkürzt, und der Untertitel ist kursiv formatiert.
2.2
Inhalt mit »article«
Das
article
-Element repräsentiert einen eigenständigen Bereich innerhalb
einer Webseite wie zum Beispiel Nachrichten, Blogeinträge oder Ähnliches.
In unserem Fall besteht der Inhalt des Blogeintrags aus so einem
article
-
Element in Kombination mit einem
img
-Element zur Auflockerung, einem
h2
-
Heading für die Überschrift, einem
time
- und einem
address
-Element für das
Erstellungsdatum und die Urheberschaft sowie drei Absätzen, in denen sich
auch
q
- und
cite
-Elemente für Zitate der Protagonisten verstecken.
In Ermangelung eines eigenen
content
-Elements, das - obwohl es bei den
Webseiten-Analysen von Opera und Google einen Top-Rang belegte - interes-
santerweise nicht den Weg in HTML5 gefunden hat, ist unser Blogeintrag in ein
umgebendes
div
eingebettet. Der Aufnahme weiterer Artikel steht damit nichts
im Wege.
<div>
<article>
<img>
<h2>
<address>
<time>
<p>
</article>
</div>
Abbildung 2.3:
Das Grundgerüst des HTML5-Blog-Inhalts
Das
address
-Element enthält per Definition Kontaktinformationen, und damit
sind nicht, wie fälschlicherweise oft angenommen wird, Postadressen ge-
meint, sondern lediglich Informationen zur Kontaktperson wie zum Beispiel
Name, Firma und Position. Für Adressangaben empfiehlt die Spezifikation die
Verwendung von
p
. Das
address
-Element gilt dabei für das ihm am nächsten
liegende
article
-Element; ist keines vorhanden, gilt es für das gesamte Do-
