Semantik 5 [Website Gerüst]
Die gezeigte Website „Brooklyn Beta“ könnte somit folgendes HTML5-Gerüst haben:
HTML
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Brooklyn beta</title>
<link rel="stylesheet" href="c/style.css">
</head>
<body>
<!-- Kopfzeile -->
<header>
<h1>Brooklyn Beta</h1>
<time>October 21 2010</time>
</header>
<!-- Navigation -->
<nav>
<ul>
<li>About</li>
<li>Speakers</li>
<li>…</li>
</ul>
</nav>
<!-- Abschnitt „Thema" -->
<section>
<h2>Brooklyn What?</h2>
<p>Join us on…</p>
</section>
<!-- Abschnitt „Unsere Sprecher“ -->
<section>
<h2>Our Speakers</h2>
<ul>
<li>Speaker 1</li>
<li>Speaker 2</li>
<li>…</li>
</ul>
</section>
<!-- Abschnitt „Workshops“ -->
<section>
<article>Something about Workshop 1</article>
<article>Something about Workshop 2</article>
</section>
…
<!-- Fußzeile -->
<footer>
<p>List of all Sponsors</p>
</footer>
</body>
</html>
Schaut Euch die Kommentare innerhalb des HTML-Codes an!