Dies ist ein Community-Wiki, das die Frage stellt: "Wie semantisch kann unser HTML-Markup dank HTML 5 werden?" Unten finden Sie den Quellcode einer HTML 5-Beispielseite. Ziel ist es, eine sehr benutzbare, zugängliche und gestaltbare Webseite zu erstellen, die so wenig Klassen und IDs wie möglich verwendet.
Und wann planen Sie, HTML 5 zu implementieren? Werden Sie mehr als 10 Jahre warten, bis der Entwurf fertiggestellt ist, oder werden Sie zu den "Early Adopters" gehören, da die Browserunterstützung nun rasch zunimmt?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Site Name • Page Title</title>
</head>
<body>
<nav>
<h1><a href="stackoverflow.com/">Site Name</a></h1>
<ul>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Nav Link</a></li>
<li><a href="#">Nav Link</a></li>
</ul>
</nav>
<header>
<p>Welcome to the site!</p>
<a href="#">Call to action!</a>
</header>
<section>
<aside>
<!-- Sidebar -->
</aside>
<article>
<header>
<h2>Article Name</h2>
<p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
</header>
<p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
<figure>
<img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
<label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
</figure>
<p>Lorem ipsum dolor...</p>
</article>
</section>
<footer>
<p>© <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p>
</footer>
</body>
</html>
