Übersicht über HTML5-Spezifikationen und -Literatur

WHATWG-Spezifikation

• WHATWG Multi-Page

  Die Spezifikation auf mehrere HTML-Dokumente verteilt

• WHATWG Single-Page

  Die gesamte Spezifikation in einer riesigen HTML-Datei

• WHATWG Edition for Web Developers

  Besser lesbare Spezifikation ohne Zusätze speziell für Webentwickler

W3C-Spezifikation

• W3C Recommendation

  HTML5-Spezifikation beim W3C, stabiler Standard

• W3C Editor’s Draft

  HTML5-Spezifikation beim W3C, aktueller Autorenentwurf

Beim W3C ausgelagerte Techniken

• HTML Canvas 2D Context

  JavaScript-API für das zweidimensionale Zeichnen auf dem canvas-Element

  Wichtige Objekte: canvasElement.getContext('2d') uvm.

• HTML Microdata

  HTML-Attribute, um maschinenlesbare Metadaten unterzubringen, mit JavaScript-API

Zusatzdokumente

• HTML5 differences from HTML4

  Unterschiede zwischen HTML 4 und HTML5, Zusatz zur Hauptspezifikation

• Polyglot Markup: A robust profile of the HTML5 vocabulary

  Empfehlungen für HTML5-Dokumente, die als HTML5 sowie als XHTML5/XML verarbeitet werden können

• HTML Design Principles

  Älterer Hintergrundartikel, der die Grundprinzipien von HTML5 beschreibt

Einbettbare Auszeichnungssprachen

• Scalable Vector Graphics (SVG)

  Etabliertes Format für Vektorgrafiken

• MathML

  Vokabular zur Auszeichnung von mathematischen Formeln

• Accessible Rich Internet Applications (WAI-ARIA)

  Auszeichnung von Elementen mit »Rollen«, um die Zugänglichkeit zu verbessern

• RDFa

  Einbettung von RDF-Metadaten in HTML5-Attributen. Konkurrenzformat zu Microdata

Separate JavaScript-APIs (Auswahl)

DOM

• DOM Living Standard

  Weiterentwicklung und Zusammenführung verschiedener DOM-Spezifikationen. Beinhaltet Core, Events, die Selectors-API (u.a. querySelector) und Element Traversal (u.a. firstElementChild).

Serverkommunikation

• XMLHttpRequest Living Standard

  Weiterentwicklung von XMLHttpRequest mit cross-domain HTTP-Anfragen, Datei-Uploads und dem Zusammenstellen von Formulardaten.

  Wichtige Objekte: new XMLHttpRequest()

• Cross-Origin Resource Sharing (CORS)

  Erweitert HTTP um Zugriffsrechte. Darauf baut u.a. cross-domain XMLHttpRequest auf.

  Kernbestandteil: Der HTTP-Header Access-Control-Allow-Origin

• Server-Sent Events (Teil von WHATWG HTML)

  Eine Server-Push-Lösung mit offen gehaltenen HTTP-Verbindungen. Ermöglicht dem Client, einen kontinuierlichen Datenstrom zu empfangen

  Wichtige Objekte: new EventSource()

• Web Sockets (Teil von WHATWG HTML)

  Socket-Verbindungen zum Server per JavaScript erzeugen. Nutzt das Web-Sockets-Protokoll

  Wichtige Objekte: new WebSocket()

Datenspeicherung

• Web Storage (Teil von WHATWG HTML)

  Einfaches clientseitiges Speichern von JavaScript-Daten

  Wichtige Objekte: sessionStorage, localStorage

• Indexed Database API

  Clientseitige Key-Value-Datenbank mit Indizes

  Wichtige Objekte: indexedDB.open()

• File API

  Einlesen von Dateien, die NutzerInnen über Formularfelder auswählen hat oder ins Browserfenster ziehen

  Wichtige Objekte: Die files-Eigenschaft bei <input type="file">, new FileReader()

Verschiedenes

• Web Workers (Teil von WHATWG HTML)

  Hintergrundprozess, der Rechenaufgaben und Datenverarbeitung übernehmen kann. Kommuniziert mit dem Hauptprozess über Nachrichten

  Wichtige Objekte: new Worker(), new SharedWorker()

• Service Workers

  Spezieller Hintergrundprozess, der für Aufgaben wie Offline-Caching genutzt wird

  Wichtige Objekte: navigator.serviceWorker.register()

• Geolocation API

  Zugriff auf die geographische Position der NutzerInnen

  Wichtige Objekte: navigator.geolocation.getCurrentPosition()

• Web Notifications

  Anzeigen von Popup-Meldungen aus Webanwendungen heraus.

  Wichtige Objekte: notifications.createNotification(), notifications.createWebNotification()

• WebGL

  Zeichnen von dreidimensionalen Objekten auf Canvas mit einem abgespeckten OpenGL-Befehlssatz (OpenGL for Embedded Systems)