Beispiel 1:

<section> <h1>KulturellesErbe</h1> <p>Das Kulturelle Erbe eines Landes ...</p> <article> <header>Anmerkung von M.Mustermann</header> <p>Die Aufgabe der Wahrung des Kulturellen Erbes ...</p> </article>

<section> <h1>Museum</h1> <p>DieAufgabe von Museen...</p> </section> <section> <h1>Archiv</h1> <p>DieAufgabe von Archiven...</p> </section> … </section>

Beispiel 2:

<nav> <p>Navigation <p> <ul> <li>Verweis1</li> <li> Verweis 2</li> </ul> </nav>

Beispiel 3:

<!DOCTYPE html><html> <head> <title>HTML5-Template</title> <link type="text/CSS" href="/dummy.css" rel="stylesheet"> </head> <!--Inhalt der Seite --> <body> <!--Textueller Inhalt --> <div id="wrapper"> <!--Header --> <header id="oben"> <h1>Tutanchamun</h1> </header> <!--Menü --> <nav id="menu"> <ul class="level1"> <li class="menu-title">Menü</li> <li><a href="#" title="Home">Home</a></li> <li><aclass="active" href="#" title="Collection">Collection</a></li> <li> <ul class="level2"> <li><a href="#"title="Tutanchamun">Tutanchamun</a></li> <li class="active">Cheops-Pyramide</li> </ul> </li> <li><a href="#" title="Impressum">Impressum</a></li> </ul> </nav> <!--TextuellerInhalt--> <section class="content"> <article> <header> <h2>Überschrift</h2> </header> <p>Dies ist ein Typoblindtext.An ihm kann man sehen,ob alle Buchstaben da sind und wie sie aussehen.Manchmal benutzt man Worte wie Hamburgefonts,Rafgenduks oder Handgloves, um Schriften zu testen.Manchmal Sätze,die alle Buchstaben des Alphabetsenthalten– man nennt diese Sätze »Pangrams«.Sehrbekannt ist dieser:The quick brown fox jumps overthe lazy old dog.</p> <footer>&copy;2013<a href="/www.hki.uni-koeln.de">www.hki.unikoeln.de </a></footer> </article> </section> <!--footer --> <footer id="unten"> <ul> <li><a href="#" title="Sitemap">Sitemap</a></li> <li><a href="#" title="Impressum">Impressum</a></li> </ul> </footer> </div> <!--wrapper --> </body>
</html>