<body>

<header>

<h1>Neue HTML 5 Strukturelmente</h1>

<h2>Beispiel für den Aufbau einer Seite</h2>

Veröffentlicht am: <time></time>

</header>

<section>

<h2>Die Elemente im Einzelnen</h2>

<article>

<h3>Überblick</h3>

Der Artikel ist das höchste neue Strukturelement und kann mehrere Abschnitte haben. In diesem ersten Abschnitt beschrieben wir den Artikel.

</article>

<article>

<h3>Das Element <section></h3>

Der Artikel ist das höchste neue Strukturelement und kann mehrere Abschnitte haben. In diesem ersten Abschnitt beschrieben wir den Artikel.

</article>

<article>

<h3>Das Element <article></h3>

Der Artikel ist das höchste neue Strukturelement und kann mehrere Abschnitte haben. In diesem ersten Abschnitt beschrieben wir den Artikel.

</article>

<article>

<h3>dummy2 muss enthalten sein</h3>

Im zweiten Abschnitt beschrieben wir den header.

</article>

<article>

<h3>Elemente <details>, <summary> und <time></h3>

<summary>Hier ist Summary Nummer 1, bitte klicken für alle Details</summary>

<details>

Das sind die Details zum Summary Nummer 1

Wenn der Browser die neuen Elemente gut unterstützt, dann werden die Details nur bei Bedarf durch den Browser sichtbar gemacht. Es ist keine Programmierung mit JavaScript mehr erforderlich.

</details>

</article>

</section>

<footer>

Copyright Netaktiv

</footer>

</body>