Einführung in HTML5

Anders als ihr Vorgänger ist die fünfte Version der Hypertext-Auszeichnungssprache ein Produkt zweier parallel arbeitender Entwicklergruppen. Als das W3C das Projekt HTML nach Veröffentlichung der Version 4.01 auf Eis legte und sich stattdessen auf die Weiterentwicklung von XHTML konzentrierte, regte sich bei zahlreichen Organisationen Unmut über den neuen Kurs des Standardisierungsgremiums. Gerade Softwareunternehmen und Browserherstellern war die schleppende Entwicklung von Webstandards durch das W3C ein Dorn im Auge.

Als Reaktion auf die Neuausrichtung der W3C folgte die Gründung der Arbeitsgruppe Web Hypertext Application Technology Working Group (WHATWG), die sich der Weiterentwicklung des HTML-Standards verschrieb und vor allem die Einbettung von Anwendungen in den Fokus rückte. Bereist 2004 präsentierte die WHATWG einen ersten Vorschlag für HTML5. Dieser überzeugte letztlich auch das W3C, das nur zwei Jahre später wieder eine eigene Arbeitsgruppe mit der Weiterentwicklung von HTML5 auf Basis der WHATWG-Version beauftragte. 2009 gab das W3C schließlich das Ende der XHTML-Entwicklung bekannt. Stattdessen konzentrierte man sich auf die Ausarbeitung der HTML5-Spezifikation in Kooperation mit der WHATWG.

Während Webseiten in der Anfangszeit des Internets lediglich der Darstellung von Inhalten dienten, steht heute die Interaktion mit dem Onlineangebot im Mittelpunkt. Webseitenbesucher verstehen sich nicht länger als passive Rezipienten, sondern wollen Anwender sein. Seitenbetreiber stillen dieses Verlangen mit interaktiven Kontaktformularen, Kommentarfunktionen oder Social-Media-Integrationen. Hinzu kommen Onlinespiele, die sich direkt im Webbrowser aufrufen lassen. Mit HTML 4.01 konnte ein solcher Funktionsumfang nur durch externe Plug-ins bereitgestellt werden.

Der neue Webstandard HTML5 zeigt genau hier seine Stärken. Neben den klassischen HTML-Tags in spitzen Klammern beinhaltet das HTML5-Grundgerüst spezifizierte Auszeichnungen (siehe unten), Multimedia-Elemente sowie zahlreiche Programmierschnittstellen (Application Programming Interfaces, APIs), die in Kombination mit JavaScript zur Verfügung stehen. Proprietäre Plug-ins privater Anbieter wie beispielsweise Adobe Flash gehören somit der Vergangenheit an. Programmierer können mit HTML5 unabhängig von Softwarefirmen arbeiten und somit sichere, barrierefreie Webseiten erstellen. Der folgende Überblick führt in die HTML5-Neuerungen ein und zeigt eine Auswahl zentraler Elemente.

Neue HTML-Elemente

Eine bahnbrechende Neuerung ist die Einführung neuer HTML5-Elemente zur semantischen Auszeichnung. Während HTML 4.01 lediglich eine Grobstrukturierung durch verschiedene div-Elemente vorsah, bieten spezifizierte Auszeichnungen wie <section>, <nav>, <article>, <aside>, <header>, <footer> oder <main> die Möglichkeit, in HTML5 zu definieren, um welche Art von Inhalt es sich bei dem jeweiligen Element handelt.

Die semantische Auszeichnung von Webseitenabschnitten hat einen großen Vorteil: Sie erleichtert Suchmaschinen das Crawlen eines HTML-Dokuments. Die Suchbots lieben bekanntlich gut strukturierte Webinhalte. Webseitenbetreiber, die dem Crawler die Interpretation eines HTML5-Dokuments durch entsprechende Tags erleichtern, haben gute Chancen auf ein besseres Ranking in der Suchergebnisliste.

Multimedia-Integration

Mit HTML gestaltet sich die Einbindung von Video- und Audiodateien ebenso leicht wie die Integration von Bildern. Dazu dienen die HTML5-Elemente <audio> und <video>, durch die der  Umweg über Plug-ins künftig nicht mehr erforderlich ist.

Programmierschnittstellen

HTML5 hält für Programmierer eine Reihe von JavaScript-Objekten bereit, die sich als APIs in HTML5-Dokumente integrieren lassen. Folgende Tabelle zeigt eine Auswahl entsprechender HTML5-Elemente, die es Programmierern erleichtern, verschiedene Anforderungen an moderne Webseiten zu erfüllen.

Für einen schnellen Einstieg in den neuen Webstandard gibt es zahlreiche HTML5-Tutorials im Internet. Als erste Anlaufstelle empfiehlt sich die Website www.selfhtml5.org. Eine Auswahl hilfreicher Ressourcen für Webentwickler bietet zudem das Mozilla Developer Network. In der Regel wird die Auszeichnungssprache von den aktuellen Versionen gängiger Webeditoren unterstützt. Einen speziellen HTML5-Editor müssen Sie sich somit nicht anschaffen. Wie für jeden offiziellen Webstandard hält das W3C auch für HTML5 den Validator bereit. Mit diesem können Sie HTML-Dokumente kostenlos auf Konformität prüfen. Die Validierung des HTML-Mark-ups einer Webseite ist dabei ein wichtiger Schritt in der Qualitätssicherung.