Mit HTML5 wurden neue Strukturbefehle entwickelt, die den Ausgabebereich eines HTML-Dokuments (also alles zwischen body und /body) noch übersichtlicher unterteilen lassen. Sowas wie Kopfbereich, Fußzeile, Navigationsbereich etc. gibt es in anderen Dokumentarten schon länger, jetzt auch bei HTML.
Die neuen Strukturierungselemente in HTML5:
Es gibt 9 neue Elemente um eine zusätzliche Struktur im Dokument durchzusetzen. Diese dienen der Übersichtlichkeit und den Suchmaschinen zur besseren Analyse des Dokumentes.
Im Folgenden werden diese Elemente vorgestellt:
Header - Kopfbereich
<header>content</header> - Kopfbereich des Dokumentes für Informationen wie Unternehmensname, Logo, Kopfnavigation etc.Main - Hauptbereich
<main>content</main> - Hauptausgabebereich des Dokumentes für Informationen aller Art, auch Bilder usw.Footer - Fußzeilenbereich
<footer>content</footer> - Fußzeilen sind eigentlich immer am unteren Rand des Dokumentes und enthalten Informationen allgemeiner Natur wie Impressum, AGB's oder globale Links. Mit nur HTML bekommt man den Fußbereich allerdings nicht nach unten. Dazu braucht man CSS-Anweisungen, der Zusatzsprache zu HTML.Innere Strukturierung von Bereichen
Article - Abschnitt
<article>content</article> - Mit article wird ein Abschnitt definiert, der weitere Unterteilungen wie Sektionen oder Absätze enthalten kann. Es ist eine Hauptunterteilung mit sehr hoher Spezifität (Bedeutung).Section - Unterbereich in Article
<section>content</section> - Mit section besteht die Möglichkeit einen Abschnitt (article) in kleinere Bereiche zu unterteilen. das macht Sinn bei sehr langen Abschnitten. die Spezifität von section ist geringer als die von article.innerhalb der Section-Bereiche wird Text z.B. noch in Absätze unterteilt. Diese allerdings gelten nicht als Strukturbereiche.
Für Article und Section gibt es weiter Strukturen zur Unterteilung bzw. Kennzeichnung spezieller Inhalte. Dazu zählen: figure, nav, dialog und aside.
Weitere Infos finden Sie hier.