HTML5 schon heute verwenden?

Geschrieben am von & abgelegt unter Agenturalltag, HTML5.

Drei Dinge spielen bei HTML5 meist eine Rolle, wenn ein Kunde nach dieser neuen Technologie fragt:

  • die Möglichkeiten, die HTML5 mit sich bringt,
  • die Sorge, ob dieses HTML5 immer und überall funktioniert,
  • die Zweifel, ob man HTML5 (schon heute) wirklich braucht.

Dieser Beitrag soll soll genau diese Aspekte diskutieren und Ihnen so eine Entscheidungshilfe für oder gegen den Einsatz von HTML5 geben.

Mit HTML5 geht’s abwärts

Da es bei der Version 5 von HTML insbesondere um die Erweiterung des alten Standards ging, habe ich gleich zu Beginn eine erfreuliche Nachricht: Ihre Website, die noch als HTML4 oder XHTML 1 deklariert wurde, kann grundsätzlich sofort auf HTML5 umgestellt werden. Sie müssen Ihre Website also nicht einmal umschreiben (dann benutzen Sie natürlich aber auch nicht all die Vorteile von HTML5). Lediglich am Anfang Ihres HTML-Dokuments müssen Sie angeben, dass Sie ab sofort HTML5 verwenden. Dies geschieht mit der folgenden, einfachen Angabe.

<!DOCTYPE html>

Sie verwenden ab sofort HTML5! Doch allein die Deklaration, ab sofort HTML5 zu verwenden, bringt Ihnen leider gar nichts.

Bevor wir uns aber den Vorteilen von HTML5 widmen, kümmern wir uns um die Sorge, dass eine solch neue Technologie nicht immer und überall funktionieren könnte.

HTML5 ab Internet Explorer 6

Dank der Abwärtskompatibilität kann HTML5 sogar im Internet Explorer 6 verwendet werden. Die Kluft zwischen dem, was in modernen Browsern wie den aktuellen Versionen von Firefox, Chrome oder Safari möglich ist, ist jedoch gewaltig. Das bedeutet: Ihre „normale“ Website bleibt in älteren Browsern eine normale Website, während sich die Stärken von HTML5 in neuen Browsern vollends entfalten.

Oder anders gesagt: Es gibt keinen Grund, vor der sofortigen Verwendung von HTML5 zurückzuschrecken.

HTML5 – noch nicht in Stein gemeißelt

Da sich HTML5 zum einen noch in der Entwicklung befindet, zum anderen die verschiedenen Browser HTML5-Spezifikationen unterschiedlich interpretieren, gilt es, diese unterschiedlichen Anforderungen zu berücksichtigen und möglichst auf dem Laufenden zu bleiben. In der Regel können Sie jedoch die Vorteile von HTML5 nutzen, ohne die gegenwärtigen Nachteile (durch die älteren Browser) hinnehmen zu müssen. So bestehen häufig adäquate Ausweichlösungen; bei der Verwendung von HTML5-Videos etwa können Sie gleichzeitig eine Alternativlösung mit Flash realisieren, damit Ihr Video auch im Internet Explorer in den Versionen kleiner 8 funktioniert.

Die Vorteile von HTML5

  • Bessere, sinnvollere Strukturierung Ihrer Website: Mit HTML5 werden neue HTML-Elemente (Tags) eingeführt, mit denen sich Ihre Website noch sinnvoller strukturieren lässt. Suchmaschinen wie Google sollten Inhalte somit noch besser interpretieren können (aber tun sie das heute schon?).
  • Mit HTML5 lässt sich ein noch schlankerer, aufgeräumter Code produzieren.
  • Videos können ohne weitere Plugins (etwa ohne Flash-Player) ablaufen.
  • Mit HTML5 stehen neue Funktionen zur Verfügung, die dabei helfen, webbasierte (interaktive) Anwendungen zu entwickeln. Besonders hervorzuheben ist hier sicherlich das Canvas-Element, in dem die Gestaltung grafischer Elemente vorgenommen werden kann.
  • HTML5 ist kein Flash: Gerade die Verweigerung von Apple, auf iPhone und iPad Flash einzusetzen, ist bislang sicherlich das deutlichste Argument für die Entscheidung zugunsten von HTML5 gewesen.
  • Barrierefreiheit (z.B. verbesserte Optionen zur Optimierung für Screenreader)
  • Weitere Vorteile: Client-seitige Speicherung von Daten, bessere Steuerung von Benutzeroberflächen und Formularen.

Fazit:

HTML5 ist keine reine Zukunftsmusik mehr. Es kann schon heute verwendet werden. Das bedeutet jedoch längst nicht, dass Sie Ihre Website unbedingt auf HTML5 umstellen müssen. Vielmehr bietet HTML5 einige interessante Möglichkeiten, die sich schon heute einsetzen lassen.

Deine Meinung

  • (will not be published)

XHTML: Du kannst die folgenden Tags nutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>