HTML5 und Webdesign

Grenzenlose Kreativität im Browser mit HTML5.
Das gibt es nur im Internet: Noch bevor der neue Standard HTML5 fertig definiert ist, wird an allen möglichen Ecken damit gearbeitet. Und dieses eine Mal sind sich alle einig: Webdesigner, Netzinfrastruktur-Techniker, Google und sogar Apple. HTML5 ist zwar keine Revolution - aber die neueste Version der "Auszeichnungssprache" wird so manches revolutionieren.

Was ist HTML5?

Zunächst einmal muss gesagt werden, dass praktisch alles, was HTML4.01 ist, also die derzeit aktuellste Version der Internet-Sprache, auch Bestandteile von HTML5 enthält. Es geht also beim Nachfolger nicht um Änderungen, sondern um mehr Funktionen und um mehr Struktur. Nur wenige Elemente werden darin anders interpretiert oder können nicht mehr verwendet werden. Diese spielen in der praktischen Arbeit jedoch nur eine kleine Rolle.

Grundsätzlich gibt es zwei Eigenschaften von HTML5, über die sich Webdesigner und Web-User freuen können: neue Funktionen und Elemente und eine bessere Strukturierung von Webseiten.

Mehr Multimedia auf Webseiten

Die Einbindung eines Videos oder eines Musiktitels erfolgte zuletzt fast immer mit einem Flash-Element. Denn Browser können von sich aus keine Videos oder Musik abspielen. Deshalb wurde per Flash ein "Player" um den Multimedia-Titel herum gebaut, der dann für die Steuerung zuständig war. Das ist aber ebenso umständlich wie auch umstritten. Denn da die Verwendung von Flash viel Rechenenergie benötigt, betreibt Apple seine iPads und iPhones zugunsten der Akkulaufzeit ohne Flash. Will man mit dem iPad also Videos anschauen, kommt schon jetzt HTML5 zum Einsatz.

Mehr gestalterische Freiheit

Ebenso gehört auch das Canvas-Element zu HTML5. Das ist sozusagen ein Rahmen auf einer Webseite, innerhalb dessen gemalt und gezeichnet werden kann. Das können bunte Animationen sein (siehe http://www.dhteumeuleu.com/tag/canvas/) oder Whiteboards, auf denen Teams zusammen arbeiten. Hier ist der Kreativität des Webdesigners (innerhalb des Rahmens) keine Grenze mehr gesetzt. Und da die Animationen im Canvas "nativ" ablaufen, wird dafür weniger Energie benötigt als bei vergleichbaren Flash-Animationen.

Mehr Struktur auf der Webseite

Schließlich bietet HTML die Möglichkeit, die Webseite - oder besser gesagt, den Code der Webseite - sauber zu strukturieren. So gibt es eigene Tags für den Header, für die Randspalten und für den Content-Teil. Das freut zunächst die Suchmaschinen, die sich bei einer korrekten Auszeichung dieser Elemente die teilweise langwierige Suche nach dem Content einer Seite sparen können. Es ist aber auch zu erwarten, dass diese Strukturierung auch bei der Syndication (Austausch von Inhalten) und beim Multi-Channel-Publishing zu einfacheren, flexibleren und günstigeren Lösungen führen wird. Und nicht zuletzt wird es helfen, die Elemente etwa in der Sidebar anders darzustellen als im Content-Bereich.

Derzeit kann man für die Gestaltung einer Webseite festhalten, dass sich diese Elemente kaum auswirken - aber auch nicht stören.

Also: Einsteigen in HTML5

Wer also beim nächsten Relaunch oder bei der nächsten neuen Webseite die Chance nicht nutzt, schon HTML5-Elemente mit einzubauen, ist selber schuld. Die endgültige Spezifikation wird zwar vermutlich erst im Jahr 2014 verabschiedet sein. Aber schon jetzt arbeiten "die Großen" wie Google, YouTube und Apple mit dem zukünftigen Standard. Man sollte ihnen nicht zu viel Vorsprung lassen…

• Offizielles Draft:
  http://dev.w3.org/html5/spec/Overview.html
• HTML5-Videoplayer auf YouTube:
  http://www.youtube.com/html5?gl=DE&hl=de
• HTML5 Seite von Google:
  http://www.html5rocks.com/de/ (mit vielen Beispielen)
• HTML5 Seite von Apple:
  http://www.apple.com/html5/