(Dies ist der dritte Teil der Artikelserie "HTML5". Zum dritten Teil)
Aufbau eines HTML5 Dokuments
Das nachfolgende Grundgerüst soll lediglich aufzeigen, wie ein HTML5 Dokument aufgebaut sein wird. Da es allerdings recht viele Neuerungen gibt bzw. geben wird, ist es unmöglich, an dieser Stelle alle neuen Tags vorzustellen bzw. einzubauen. Bei Interesse können Sie dieses Dokument im SmashingWeb.de Dropbox Ordner herunterladen.<!DOCTYPE html>
<!-- HTML5 Grundgeruest zu finden auf www.SmashingWeb.de -->
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Titel der Webseite. Wird im Browser angezeigt.</title>
<link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>
<header id="header">
<h1><a href="/ein_link.html">Verlinkte Überschrift</a></h1>
</header>
<nav id="nav">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>
</nav>
<section>
<article>
<header>
<h2><a href="#">Die Überschrift eines Artikels</a></h2>
</header>
<section>
Der Inhalt eines Artikels
<br />
<!-- Ein Bild bzw. Multimedia-Element wie in Teil 2 beschrieben -->
<figure>
<img src="/images/bilder/2011/html5.jpg" alt="HTML5 Artikelserie" />
</figure>
Hier steht dann weiterer Text. Es folgt ein Video:
<br />
<!-- Multimediales Element wie in Teil 2 beschrieben. Ein Video -->
<figure>
<video src="/video.ogg"></video>
</figure>
</section>
</article>
</section>
<!-- Die Sidebar -->
<aside>
Hier kommt die Sidebar hin
</aside>
<!-- Der Footer der Seite -->
<footer>
Der Footer der Seite mit einigen wichtigen Links.
</footer>
</body>
</html>
Abschlussfazit zum neuen HTML5
Gegenüber dem Vorgänger HTML4 bietet das (noch) in der Entwicklung befindliche HTML5 zahlreiche Neuerungen. So werden unter anderem Videos & Audio-Dateien direkt in eine Webseite eingebunden werden können - ohne zusätzliche Plugins wie Adobe Flash.Doch bis zur Verabschiedung von HTML5 wird es noch ein wenig dauern: 2014 soll es soweit sein. Das W3C spricht sich doch bereits heute dafür aus, dass Browser Hersteller den kommenden Standard implementieren. Die neueste Generation von Browsern unterstützt die neue Auszeichnungssprache bereits jetzt. Es spricht also nichts dagegen, jetzt schon vereinzelt auf HTML5 Elemente zu setzen. Bedenken Sie jedoch, dass es immer noch zahlreiche Benutzer gibt, die auf älteren Browsern unterwegs sind.
Und das wird auch das Problem mit HTML5 - man wird zumindest in den ersten Jahren noch für beide Benutzergruppen Webseiten erstellen müssen, möchte man keine Surfer von seiner Website ausschließen. Wie sinnvoll oder nützlich einige Neuerungen jedoch sind, ohne dass Browser Hersteller auf einen gemeinsamen Nenner in Sachen Multimediale Elemente (kein festgelegter Standard für Audio und Video-Daten) kommen, bleibt wie so oft abzuwarten.
