Gunther: HTML5 - semantisch korrekte Verwendung?

Beitrag lesen

Hallo Mathias und alle anderen,

wenn du ja so überzeugt bist von der sinnvollen praktischen Anwendung der neuen HTML 5 Elemente, dann kannst du mir ja bestimmt eine Frage beantworten. ;-)

Als Beispiel sei eine typische Artikelseite angenommen, wie sie bspw. Wordpress erzeugt.
Auf unserer Seite sei der Aufbau wie folgt:

┌-----------------------------------------------------┐
 |                    masthead                         |
 |                                                     |
 |                                                     |
 ├-----------------------------------------------------┤
 |                main navigation                      |
 |                                                     |
 |                                                     |
 ├----------------------------------┬------------------┤
 |                                  |                  |
 |                                  |                  |
 |         content                  |     sidebar      |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 |                                  |                  |
 ├----------------------------------┴------------------┤
 |                                                     |
 |                   (page) footer                     |
 |                                                     |
 └-----------------------------------------------------┘

Der Kopfbereich beinhaltet u.a. das Logo, einen Slogan und Links zu den Seiten 'Impressum' und 'Kontakt'.

Darunter folgt die Hauptnavigation der Seite (main navigation).

Der 'Content' Bereich soll wie gesagt *einen* Artikel mit TOC beinhalten, plus einige Links zu verwandten Artikeln darunter.

Danach folgen noch einige Kommentare zum Artikel und im Anschluss das Formular um einen Kommentar zu verfassen.

Die 'Sidebar' soll u.a. (die/das)? Blogroll beinhalten, sowie einen Block mit einer Auflistung der Blog-Kategorien und einen Archiv-Block.

Der 'Footer' möge ebenfalls nochmals 3 Blöcke mit diversen Links (intern + extern) umfassen.

Alles in allem also eine "ganz normale" Blogseite, wie man sie millionenfach im Netz findet.

Frage: Wie sähe jetzt ein semantisch korrekter Aufbau der Seite in HTML 5 aus?

Dank & Gruß
Gunther