Was bringt HTML 5 für das Internet?

Wer Webseiten schreibt, der hält durchaus auch Ausschau nach neuen Dingen. Das W3C lässt sich mit neuen Standards durchaus eine ganze Weile Zeit. Der letzte Standard für HTML 4.01 wurde übrigens im Jahr 1999 veröffentlicht. Das ist für das Internet eine Ewigkeit. Aber vielleicht klappt es ja im Jahr 2009 nun mit HTML 5. Zeit wird es für diesen Standard, dann auf jeden Fall. Sogar die aktuellen Webbrowser fangen schon an, HTML 5 zu unterstützen. Schauen wir doch mal, was HTML 5 dann wirklich an neuen Sachen mitbringt.

Etwas zu Websites und Co.

Das man Tabellen nicht mehr zum anordnen von Elementen einer Webseite benutzt, ist mittlerweile unter Webdesignern angekommen. Die noch vor 1-2 Jahren oft vorhandenen Tabellenlayouts finde ich nur noch selten. CSS ist zum Standard geworden, Inhalte und Designanweisungen sind getrennt. Man kann also durchaus sagen, Webdesign ist dort angekommen wo wir hinwollten.

Mal ganz davon abgesehen, Webstandards werden nie zu 100% eingehalten werden können. Jedenfalls nicht dann, wenn sich Websites und deren Gestaltung weiterentwickeln soll. Hier und da gibt es immer Baustellen, auf denen etwas Neues ausprobiert wird. Und ich denke auch, es ist an der Zeit, das sich HTML mal wieder verändert.

HTML 5 bringt viele neue Elemente mit, einige alte fallen dafür Weg. Ich werde hier nun nicht alle neuen Elemente (Tags) aufführen, sondern nur die für mich interessantesten.

Was bringt HTML 5 Neues?

HTML ist dafür verantwortlich, Dokumente zu strukturieren, den Seitenaufbau sozusagen festzulegen. Das Aussehen der einzelnen Elemente wird via CSS beschrieben. Um dies noch besser zu machen, führt HTML 5 neue Elemente ein. Aber auch JavaScript wird eine größere Bedeutung bekommen. Bisher war es z.B. nicht möglich, in einem Element zu Zeichnen. Dafür führt HTML 5 das Canavas Objekt ein. Für mich eine der interessantesten Neuerungen, dazu aber später mehr.

Nun aber zu den neuen Elementen in HTML 5. Es gibt wieder neue Elemente, die Dokuemente besser strukturieren. So stellt das „article“ Element einen unabhängigen Bereich auf einer Website dar. So wäre z.B. ein Bereich ein Blogeintrag, ein anderer könnte News sein.

Dann gibt es „header“ und „footer“ deren Bedeutung einleuchtend ist. Sie definieren entweder den Kopf- oder Fußbereich einer Website.

Erstmals gibt es dann auch ein Element, speziell für Menüs und Navigationen, auch hier ist der Name einleuchtend mit „nav“ gewählt.

In Zukunft soll man mit „figure“, multimediale Inhalte wie Bilder oder Filme mit einer Legende versehen können. So kann man eine kleine Beschreibung hinzufügen.

Auch führt HTML 5 einige neue Eingabeelemente ein, es sind einige, deshalb führe ich sie hier nicht auf. Darunter sind viele spezielle Element, so soll es einfacher werden, den Zweck der Eingabe zu bestimmen. Damit ist z.B. gemeint, handelt es sich um ein Datum, einen Namen oder um eine Zahl.

Unterstützung durch aktuelle Browser

Einige Element erfordern eine spezielle Unterstützung durch den Browser, darunter fällt z.B. „progress“, das einen Fortschrittsbalken darstellt. Auch das Canvas-Element muss vom Browser unterstützt werden. Allerdings gibt es wohl Möglichkeiten dieses Element zu emulieren, z.B. im Firefox. Ich denke aber schon, für den Einsatz in der Praxis ist dieses Vorgehen nicht unbedingt geeignet.

Die meisten aktuellen Browser haben keine Probleme, wenn im HTML-Code Elemente auftauchen, die noch nicht unterstützt werden. So kann man durchaus die HTML 5 – Elemente, die der Strukturierung dienen, verwenden. Erst wenn man diese per CSS stylen möchte, wird es schwieriger. Allgemein muss man sagen, mit HTML 5 kann man durchaus experimentieren, aber für den produktiven Einsatz würde ich es noch nicht einsetzen.

Die Unterstützung für HTML 5 wird sich aber im Jahr 2009 stark verbessern. So dass man davon ausgehen kann, das sich 2009 viel im Web tun wird.

Eine kleine HTML 5 Demo

Ich habe mich mal etwas mit dem Canvas-Element beschäftigt. Damit kann man mit JavaScript direkt im Browser zeichnen. Das Ergebnis könnt ihr sehen, wenn ihr mit dem Firefox oder Safari-Browser diese Seite aufruft. Im IE7 funktioniert es nicht und in anderen Browsern habe ich es nicht getestet.

Zur Canvas Demo

Fazit:

Natürlich kann auch ich nicht sagen, wann HTML 5 wirklich zu einem offiziellen Standard wird. Aber ich denke, langsam aber sicher, ist es Zeit für Erweiterungen! Was meint Ihr zu HTML 5?

« Wordpress 2.7 und Allgemeines dazu      Flickr Bildschirmschoner Mosaica »

Tags: Browser, HTML 5, Standard, Webseiten

Der Beitrag wurde am Dienstag, den 16. Dezember 2008 um 15:35 Uhr veröffentlicht und wurde unter CSS und Co., HTML, Webentwicklung abgelegt. du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.