Strukturelemente typischer Printdokumente abzubilden. Typische Bestandteile von Websites, wie Navigationsbereich, Header und Footer (Kopf- und Fußbereich) oder die Aufteilung in einzelne Artikel wie in Blogs erhalten mit HTML5 eigene Auszeichnungselemente.
    Doch auch wenn die meisten Browser die neuen Elemente noch nicht explizit »kennen«, ist es empfehlenswert, sie bereits einzusetzen. In Abschnitt 4.6.2 wird erklärt, was Sie dazu wissen müssen.
4.1.1    Dokumentkörper
    Der Dokumentkörper von HTML ist das, was durch

und

markiert ist. Für die meisten Webseiten genügt dieser Rahmen, um die gesamte sichtbare Struktur der Seite direkt darin zu notieren.
Beispiel
    
    
    
    
    
    
    
    Das habe ich gestern geschrieben:
    

Ein Artikel

    

Hiervon werde ich morgen berichten,
    dass ich es gestern geschrieben habe.

    
    
Erläuterung
    Zwischen

und

können Sie Text und zahlreiche HTML-Elemente notieren. Im Beispiel ist zunächst etwas direkter Text, dann eine Überschrift erster Ordnung (

…

) und schließlich ein Textabsatz (

…

) notiert. Diese Bestandteile bilden den Dokumentkörper bzw. das, was im Browserfenster ausgegeben wird.
Weitere Hinweise
    Wenn Sie CSS bzw. CSS-Eigenschaften auf das
body
-Element anwenden, können Sie das Layout der Webseite beeinflussen und Default-Vorgaben z. B. für Schriftarten definieren.
Im Gegensatz zur Strict-Variante von HTML 4.01 ist es in HTML5 wieder erlaubt, direkt Text innerhalb von

…

sowie Textlevel-Elemente zu notieren (in der HTML 4.01-Terminologie: Inline-Elemente).
Referenzinformationen
    Elementreferenz
:

4.1.2      Abschnitte
Wenn ein HTML-Dokument sehr umfangreich und stark strukturiert ist, besteht seit HTML5 die Möglichkeit, innerhalb des Dokumentkörpers Abschnitte zu definieren.
    Auch wenn ein HTML-Dokument mehrere unterschiedliche Anzeigezustände einer Webanwendung enthält, ist es sinnvoll, die einzelnen Anzeigezustände durch Abschnitte zu markieren.
Beispiel
    
    
    
    
    
    
    
    Ich habe noch mehr geschrieben und nenne es jetzt:
    

Mein Buch

    

    

Das erste Kapitel

    

Viel Inhalt

    usw.
    

    

    

Das zweite Kapitel

    

Noch mehr Inhalt

    usw.
    

    
    
Erläuterung
    Abschnitte markieren Sie durch

…

. Das Besondere an solchen Abschnitten ist, dass dadurch aus logischer Sicht eine Art Unterdokument entsteht. Um das besser zu verstehen, sind im obigen Beispiel drei Überschriften 1. Ordnung, markiert durch

…

, notiert. Die erste befindet sich außerhalb eines
section
-Abschnitts, die beiden anderen innerhalb eines
section
-Abschnitts.
Aus Sicht eines HTML5-Parsers ist die
h1
-Überschrift außerhalb der Abschnitte trotz gleichlautender Ordnungsebene logisch übergeordnet zu den
h1
-Überschriften innerhalb der Abschnitte. Abschnitte beeinflussen also gemeinsam mit Überschriften die Hierarchie (das Outlining) der Inhalte.
Weitere Hinweise
    Abschnitte stellen eine semantische Auszeichnung dar und haben dadurch andere Aufgaben als allgemeine Bereiche. Abschnitte bestehen typischerweise aus einer Überschrift, gefolgt von Inhalt.
    Abschnitte dürfen auch verschachtelt werden. Durch Verschachtelung von Abschnitten können Sie überschriftenunabhängig logische Hierarchie-Ebenen in beliebiger Tiefe definieren.
Referenzinformationen
    Elementreferenz

:

4.1.3      Header und Footer
    Viele Webseiten haben einen erkennbaren Kopfbereich und viele auch einen erkennbaren Fußbereich. Je nach Art der Webseite kann auch ein anfängliches Inhaltsverzeichnis der Kopfbereich sein.
Seit HTML5 ist es möglich, solche Bereiche durch entsprechende Elemente zu markieren.
Beispiel
    
    
    
    
    
    
    
    

    

Die ICH AG

    Ein Unternehmen der WIR-Gruppe
    

    

Aktuelles

    Viele Neuigkeiten usw.
    
    
    
Erläuterung
    Um für eine Webseite einen Kopfbereich zu definieren, notieren Sie innerhalb des Dokumentkörpers ein
header
-Element in der Form

…

( header = Kopfbereich). Wenn Sie einen Fußbereich