Probieren Sie aus, ob und in wieweit Ihr aktueller Webbrowser schon den kommenden HTML-Standard HTML5 unterstützt. Auf der Seite "HTML5 Demos and Examples" finden Sie eine ganze Reihe von Beispielen, die zeigen, was für aufregende Neuerungen HTML5 bringen wird. Aber schauen Sie selbst:

html5demos.com

Folgende Tags und Attribute werden in HTML5 gestrichen

Diese Tags werden aus HTML5 verschwinden:

• basefont
• big
• center
• font
• s
• strike
• tt
• u
• frame
• frameset
• noframes

Diese bereits abgelaufenen Tags wurden aus HTML5 entfernt:

• acronym - stattdessen abbr nutzen
• applet - stattdessen object nutzen
• isindex - neue Formular Kontrollelemente ersetzen dies
• dir - einfach ul nutzen

Diese Attribute zum Positionieren wurden entfernt: align, background, bgcolor, border, clear, height
Neue HTML5 tags (endlich)

• section - Generische Dokuments- oder Applikations-Sektion
• article - Unabhängiges Inhaltselement, z.B. Blog Eintrag, Artikle
• aside - Inhalt, der zum Hauptinhalt verwandt ist: z.B. Sidebars
• hgroup - Header einer Sektion. Z.B. um Title und Untertitel einzufügen, oder Firmenname und Slogan...
• header - Gruppiert Navigationshilfen oder einleitende Inhalte. Muss nicht zwangsläufig oben im Dokument sein
• footer - Footer einer Sektion. Kann z.B. Infos über Autor, Copyright etc. enthalten...
• nav - Semtischer Abschnitt, der die Seiten-Navigation beinhaltet
• figure - Einem semantischen Abschnitt embedded content, z.B. eine Grafik oder ein Video hinzufügen
• figcaption - Stellt die Bildunterschrift zu einer eingebetteten Grafik (oder Video) dar
• video - Video und audio multimedia Inhalt (juhuuu!)
• mark - Markierung eines Textes, z.B. zum Hervorheben von Suchworten in einem längeren Text
• progress - Repräsentiert die Vervollständigung einer Aufgabe wie z.B. einem Download oder der Ausführung mehrerer großer Aufgaben
• meter - Repräsentiert eine Maßeinheit, z.B. Festplattenauslastung (%)
• time - Repräsentiert ein Datum und/oder einen Zeitpunkt
• canvas - "Leinwand" zum dynamischen Rendern von Bitmap-Grafiken
• command - Repräsentiert ein Kommando, das der Benutzer ausführen lassen kann
• details - Zusätzliche Informationen oder Kontrollen, die der Benutzer abrufen / bedienen kann
• datalist - Stellt die Auswahlmöglichkeiten für den neuen -Tag dar
• keygen - Tastenkürzel
• output - Stellt berechneten Output dar, z.B. das Ergebnis von Kalkulationen

Neue, verbesserte Attribute für das Input-Tag: tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color

Somit ist nun eine vernünftige semantische Darstellung, losgelöst von der visuellen Darstellung, möglich (Logik und Aussehen trennen). Bei einem Klick auf ein time-Tag könnte auf der Website z.B. durch einen jQuery-Datetime-Chooser eine Datum+Zeit ausgewählt werden, auf dem iPhone würde dann das dort native Element zum Auswählen von Datum+Zeit verwendet werden.

Besuchen Sie http://www.w3.org/TR/html5-diff/#new-attributes, um eine Liste aller neuen HTML5-Attribute kennenzulernen.

Neben neuen Tags und Attributen gibt es aber auch sog. APIs für die Darstellung und Entwicklung spezieller Seitenelemente, als da wären:

• Video & Audio
• Offline Apps
• Editierbarer Inhalt
• Drag & Drop (yes!)
• History (Browser-History loggt die vorher besuchten Seiten)
• Geolocation
• Local Storage

Wir werden künftig also hoffentlich mit reichhaltigen Online-Anwendungen und tollen Internet-Seiten versorgt. Zudem gibt es vereinheitlichte Wege zur Entwicklung bestimmter Dinge, die zukünftig die Seiten noch interoperabler machen werden und dem Benutzer ein reichhaltiges Arsenal an cleveren Bedienelementen bieten werden.

Via crainbandy (english) http://www.crainbandy.com/