HTML5

2 | 16185 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "HTML5" mit Ihrem Wissen!

Anzeige Hier werben

HTML5 ist eine Weiterentwicklung des HTML-Standards. HTML5 ist noch bei der W3C in Entwicklung. HTML5 wurde erst außerhalb des W3C von dem dafür gegründeten Gremium WHATWG als Konkurrent zu XHTML2 entwickelt.

HTML5 Versucht das Entwickeln von Web-Applikationen zu erleichtern und bisher in Browsern schon implementierte Funktionen auf eine gemeinsame genau Standardisierte Basis zu stellen.

Canvas

Firefox2Unterstützt3Unterstützt3.5Unbekannt
IE6Fast7Fast8Fast
Opera9.5Unterstützt10Unbekannt
Safari3Unterstützt4Unterstützt
HTML5 Canvas

Das canvas-Element erlaubt es dynamisch mit Javascript Grafiken zu Zeichnen. Dies erlaubt viele interessante Effekte (Spiegelungen) und Anwendungen (Diagramme, Spiele, ...).

Das Element ist dank einer Javascript Emulation für den Internet Explorer jetzt schon in allen Browsern nutzbar. Mehr Informationen dazu in unserem HTML5 Canvas Artikel

Client-Side Storage

Moderene Webapplikationen greifen auf immer mehr Daten zu...: Daten auf dem Computer speichern...

Firefox2Nein3Nein3.5Nein
IE6Nein7Nein8Nein
Opera9.5Nein10Nein
Safari3Nein4Unterstützt
Clienr-side database storage
Client-side database storage (SQL)

Hier soll es sogar möglich sein Daten lokal in einer SQL-Datenbank zu Speichern. Aktuell wird diese Funktion nur von Safari unterstützt, die neuste Alpha-Version von Opera (10.5) zieht allerdings nach. Um die Funktion auf andere Browser zu bringen, bietet Google das Plugin Google Gears für Firefox und den Internet Explorer an.

HTML5 Video einbinden

Firefox2Nein3Nein3.5Unterstützt
IE6Nein7Nein8Nein
Opera9.5Unterstützt10Unterstützt
Safari3Nein4Unterstützt
HTML5: audio und video

Das Videoelement soll es ermöglichen auch ohne ein spezielles Plugin Videos in Webseiten anzuzeigen.

Mehr Informationen dazu in unserem Artikel HTML5: Audio und Video einbetten.

HTML5 Audio einbinden

Das Audioelement soll es ermöglichen auch ohne ein Plugin Audiodateien in Webseiten abzuspielen.

Mehr Informationen dazu in unserem Artikel HTML5: Audio und Video einbetten.

Neue semantische Elemente

Neue semantische Elemente um Webseiten besser zu strukturieren. Wie und ob diese Elemente jetzt schon verwendet werden können erfahrt ihr in Benutzbarkeit von HTML5-Elementen.

Die neuen Elemente:

  • section ...
  • article ein unabhängiger Teil einer Seite wie z.B. ein BLogeintrag oder ein Zeitungsartikel
  • aside Inhaltsteil, der nur ein bisschen mit dem Rest der Seite zu tun hat.
  • header, footer für Kopf- und Fußteile von Webseiten
  • nav für Navigationen/Menüs
  • dialog
  • figure: Damit kann ein multimedialer Inhalt zusammen mit einer Legende umfasst werden: <figure> <video src=ogg>…</video> <legend>Example</legend></figure>

contentEditable

Firefox2Nein3Unterstützt3.5Unbekannt
IE6Unterstützt7Unterstützt8Unterstützt
Opera9.5Unterstützt10Unbekannt
Safari3Unterstützt4Unterstützt

Das contentEditable Attribut zu bearbeiten von Inhalten wird standardisiert

Firefox2Nein3Nein3.5Unbekannt
IE6Nein7Nein8Nein
Opera9.5Unterstützt10Unbekannt
Safari3Nein4Nein
neue Eingabelemente

Neue Eingabeelemente

Neue Eingabeelemente sollen es dem Browser erlauben Eingaben gleich zu validieren...

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

Canvas 3d

HTML 5 Doctype

Der HTML5 Doctype dient nur dazu den Standardsmode in Browsern auszulösen. Eine Versionsinformation wird nicht geliefert, da ab HTML5 ja das Web Schrittweise verbessert werden soll und ein Browser nicht unbedingt eine HTML-Version komplett unterstützen muss, sondern auch nur einen Teil davon.

HTML5 Doctype  
HTML
1
<!DOCTYPE html>

Darstellungsweise: HTML- und XHTML-Syntax

...

Neuigkeiten zu HTML5

Quellen


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 4 Personen an der Seite "HTML5" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "HTML5" hier bearbeiten.

Mitarbeiter