Das bringt uns HTML5

Michl — Mon, 15 Mar 2010 22:42:21 +0000

Eines der am heftigsten diskutierten Themen in der Blogosphäre der letzten Monate war der neue Standard HTML5. Doch während sich viele noch darüber streiten, ob HTML5 denn Flash nun ablösen wird oder nicht, ist eines längst klar: HTML5 wird kommen, ob wir es nun gut finden oder nicht. Schon längst können die gängigen Browser viele der neuen Features nutzen und auch der vermutlich noch 2010 kommende IE 9 soll laut Microsoft endlich den kompletten Standard unterstützen. Zeit also, einmal aufzuzeigen, was uns HTML5 denn bringen wird.

Canvas
Ursprünglich von Apple fürs Dashboard entwickelt, wurde das neue canvas-Element. Vor allem Entwickler erwarten sich eine Menge von dieser Technik. Prinzipiell ist es mit Canvas möglich, Grafiken und einfache Animationen direkt und ohne Seitenreload in einer HTML-Page dynamisch zu rendern. Der eigentlich Anwendungscode wird in anderen Sprachen wie JavaScript beschrieben, die Einbindung erfolg allerdings via HTML. Genau genommen vertieft das Canvas-Element die Verbindung von HTML und JS. Was sich jetzt sehr theoretisch anhört, kann sehr schnell viel Spaß machen, etwa mit dieser Mal-Anwendung. Wie einfach so etwas zu programmieren ist, zeigt das damit verbundene Tutorial.

Medieneinbindung
Sehr interessant unter HTML5 wird die Einbindung von Medien sein, speziell Video und Audio. Künftig lassen sich Videos komplett ohne Flash einbinden und in einem Player abspielen. Natürlich ist Flash weit verbreitet, aber es handelt sich noch immer um ein Plugin eines einzelnen Konzerns. Durch Videonutzung über einen allgemein gültigen Standard können sich vor allem Entwickler von der Zwangsehe mit Adobe lösen. Für den User tritt diese Entwicklung eher etwas in den Hintergrund. Zwar wird man für YouTube & Co kein Plugin mehr installieren müssen und auch die Performance sollte etwas besser sein, unterm Strich werden die Videos aber gleich aussehen. Wer YouTube ohne Flash nutzen möchte, kommt über folgenden Link zur HTML5 Beta: http://www.youtube.com/html5.

Seitenstruktur
Eine oft vergessene Neuerung betrifft direkt die Seitenstruktur einer HTML Seite. Mit HTML5 werden Objekte wie header, article, nav oder footer eingeführt. Anstatt nun für jeden dieser Bereiche eine eigene DIV erzeugen zu müssen, kann man diese Bereiche auch direkt im CSS ansprechen und formatieren. Im Endeffekt dürften Layouts damit Codeseitig klarer und eindeutiger strukturiert sein, der größte Vorteil liegt aber im SEO-Bereich. Die Crawler erkennen nun leichter, ob es sich um Inhalt handelt und wie wichtig dieser ist. Inhalt innerhalb der article-Tags wird anders behandelt als Inhalte in der Sidebar, welche über das neue aside-Objekt ausgezeichnet wird.

Fazit – Der König ist tot, es lebe der König
Um es abschließend noch ein mal klar zu stellen: Flash und HTML5 werden definitiv nebeneinander weiterexistieren. Beide Technologien haben Einsatzgebiete, die die jeweilig andere nicht bieten kann. Außerdem bleibt die Entwicklung von Flash nicht stehen, die nächste große Version mit der Creative Suite 5 wird für diesen Herbst erwartet. Ich bin mir allerdings sicher, dass gerade im Videobereich HTML5 die Flashcontainer-Technologie relativ schnell ablösen wird. Die Performance ist besser oder gleichwertig, der Aufwand für Entwickler aber deutlich geringer. In allen anderen Bereichen wird sowohl Flash als auch HTML5 mit Canvas seine Nischen finden. Dem Nutzer kanns eigentlich egal sein, viel ändern wird sich für ihn nicht.

Lesenswert

soulstyled.de » Code

Das bringt uns HTML5