Das HTML5-Buch

Hintergründe, HTML-Elemente, APIs, Tricks, Hacks und Tipps

Alle Kapitel des HTML5-Buchs im Überblick

Das HTML5-Buch im kompakten Überblick

HTML5 – Webseiten innovativ und zukunftssicher bietet in 14 Kapiteln einen schnellen Einstieg in HTML5. Auf 550 Seiten werden an konkreten Beispielen Schwerpunkte der neuen Technologien erörtert und demonstriert.

Kapitel 1: HTML5 – Wer, wann und warum?

Was ist HTML5 und warum sollte es mich interessieren? Was ist die WHATWG? Warum gibt es zwei HTML5-Arbeitsgruppen? Was ist mit XHTML2 passiert? Kann ich HTML5 heute schon verwenden? Und was hat es mit dem Jahr 2022 auf sich?

Kapitel 2: HTML(5)-Einstieg für Fortgeschrittene

Die neuen formalen Regeln von HTML5, der Unterschied zwischen HTML5 und XHTML5 sowie Techniken zum Umgang mit älteren Internet Explorern sind Gegenstand dieses Crashkurses für den geübten (X)HTML-Autoren.

Kapitel 3: Kleine Änderungen, große Wirkung

Trotz Abwärtskompatibilität verändert HTML5 einiges an bestehenden HTML-Elementen. Oft sind das nur Kleinigkeiten, die jedoch große Wirkung entfalten können oder – wenn richtig eingesetzt – viel Arbeit einsparen können.

Kapitel 4: Semantisches HTML5

Die neuen Auszeichnungselemente von HTML5 schaffen Ordnung und bedingen ein anderes Entstehen von Struktur in Websites, in das man sich hineindenken muss. Dass des weiteren einige Elemente aus HTML 4 behalten, aber umdeklariert wurden, hat Stolperstein-Potenzial, das es zu meistern gilt.

Kapitel 5: HTML5-Formulare

Es gibt unüberschaubar viele Formular-Verschönerungs-Scripts und Widget-Bibliotheken, mit denen man Formularvalidierung oder neue Formen von Eingabefeldern umsetzen kann. HTML5 setzt bei diesem Wildwuchs die Axt an und bietet von Haus aus alle Formularfeatures, die heute noch mühsam getrickst werden müssen.

Kapitel 6: Geolocation

Bei zunehmender mobile Internetnutzung kommt Geolocation verstärkte Bedeutung zu. Da ist es ganz praktisch, dass moderne Browser eine eingebaute API hierfür haben.

Kapitel 7: Offline-Webanwendungen

Mit HTML5 ist es möglich, komplette Web-Applikationen offline benutzbar zu machen – vielleicht weniger wichtig für den durchschnittlichen Firmenauftritt, aber sehr nützlich für mobil benutzbare Webapps und alles, was man sonst so im Browser programmiert.

Kapitel 8: Multimedia im Browser

Sounds und Video direkt im Browser abspielen? Möglichst auch ohne Flash, damit die iPhone-Nutzer auch etwas davon haben? Kein Problem mit den HTML5-Elementen <audio> und <video>! Diese erlauben nicht nur das bequeme Einbetten von handelsüblichen Multimedia-Formaten sondern sind auch durch eine API programmierbar.

Kapitel 9: Die Drag&Drop-API von HTML5

HTML5 übernimmt an vielen Stellen bereits bestehende Technologien und so auch eine Drag&Drop-API, die ursprünglich aus dem Internet Explorer 5 stammt und mit kaum einer anderen bekannten DOM-API vergleichbar ist. Sie ist schwer zu meistern, eröffnet aber ganz neue Möglichkeiten bei der benutzerfreundlichen Verzahnung von Desktop und Browser oder von verschiedenen Websites untereinander.

Kapitel 9: Die File-API

Mit der File API können im Browser clientseitig Dateien verarbeitet werden. Damit wird es ein Leichtes, Webapplikationen zu schreiben, die zum Beispiel MP3-Tags lesen können oder clientsetig erzeugte Downloads direkt gezippt ausliefern.

Kapitel 11: Das Canvas-Element

Wenn es ein Element von HTML5 gibt, das bereits vollends im Entwickler-Mainstream angekommen ist, dann ist es <canvas>. Es erlaubt durch eine Reihe von Zeichenfunktionen die Erstellung frei programmierbarer Zeichenflächen, was vom pixeligen Strichmännchen bis zur hardwarebeschleunigten 3D-Grafik alles möglich macht.

Kapitel 12: WebWorkers

Die diversen neuen HTML5-Features verlangen vom Browser und seiner JavaScript-Engine immer mehr Rechenleistung. Dank WebWorkers ist es möglich, lang laufende Scripts zu schreiben die den Browser nicht blockieren oder komplexe Rechenprozesse auf mehrere CPUs zu verteilen.

Kapitel 13: Feature-Erkennung für HTML5

Da noch nicht alle Features von HTML5 in allen Browsern vertreten sind, bietet es sich an diese von Hand nachzurüsten. Wie und wann das möglich ist, was man beachten muss und welche Polyfills es schon gibt, bespricht dieses Kapitel.

Kapitel 14: Kritik, Kommentare, Ausblick und HTML 6

Was bedeutet HTML5 für die Zukunft des WWW? Und ist wirklich alles so toll? Die Kritik und ein Blick in die Zukunft schließen auch HTML 6 ein – oder was auch immer genau die Zukunft nach HTML5 für uns bereit hält.

Anhang

Über 100 Seiten Codebeispiele, Kompatibilitätstabellen, API-Referenzen, Listen, Tipps und Links für jedes Kapitel.