2. HTML ist tot
Lang lebe HTML
Ein grober Überblick über HTML 5
3. HTML ist tot, lang lebe HTML
• zuerst konnte man nur HTML nutzen
• seit XHTML großer Boom
• mit ersten Entwürfen von HTML 5 Fixierung darauf
4. HTML ist tot, lang lebe HTML
• zuerst konnte man nur HTML nutzen
• seit XHTML großer Boom
• mit ersten Entwürfen von HTML 5 Fixierung darauf
Aber warum?
7. So, fertig.
Danke für die Aufmerksamkeit.
Kleiner Scherz zwischendurch ;-)
8. Routenplaner
Geschichte von HTML
Warum HTML 5?
Neue Features
Zukunftsmusik?
Fragestunde
9. Geschichte von HTML
1989 HTML von Tim Berners-Lee am CERN festgelegt
1990
1991
1992 HTML (Urversion, rein textorientiert)
1993 HTML (fetter, kursiver Text und Bildintegration)
HTML+ (nie veröffentlicht)
1994
1995 HTML 2.0
HTML 3.0 (schon vor Veröffentlichung veraltet)
1996
1997 HTML 3.2 (Tabellen, Textfluss um Bilder, Einbindung von Applets)
HTML 4.0 (Stylesheets, Skripte, Frames, Typisierung)
1998
1999 HTML 4.01
2000 XHTML 1.0 (Neuformulierung mit XML)
2001 XHTML 1.1 (strikte Version, keine Typisierung mehr)
2002
2003
2004
2005
2006 XHTML 2.0 (Working Draft)
2007
2008 HTML 5 (Working Draft)
2009
12. Warum HTML 5?
Weil es COOL ist!
• semantisch (spezielle Elemente/Attribute für spezielle Aufgaben)
• kompatibel (zu HTML und XHTML)
• einfach (allgemeines Vokabular für HTML 5, XHTML 5 und DOM 5)
• umfangreich (viele neue Elemente/Attribute)
• Web 2.0 (Spezifikation geht über HTML hinaus)
13. Neue Features
Ziele
• soll vorhandene Spezifikationen (HTML 4.01, XHTML 1.0 und DOM 2 HTML) ersetzen
• entwickelt sich aus HTML 4.01
• muss als HTML, XHTML und DOM verwendet werden können
• Fehlerüberprüfungswerkzeug für HTML (Validator)
• DOM muss Programmierschnittstellen zur dynamischen Arbeit bieten
• Schnittstellen für Arbeit mit Multimediainhalten
14. Neue Features
HTML 5
• SGML-Anwendung
• eigene Syntax, die sich an SGML orientiert
• orientiert sich an aktuellen Implementierungen in Browsern
• theoretisch kann HTML 5 heute schon verarbeitet werden
XHTML 5
• XML-Format mit Kompromissen
• kein Einfluss vom W3C an XML
• selbstschließende Tags sind erlaubt
DOM 5
• Entwicklung vom DOM geprägt
• DOM wird angepasst und erweitert
• HTML-Elemente sollen dem XHTML-Namensraum angehören
15. Neue Features
Strukturierende Elemente
article, aside, dialog, figure, footer, header, nav, section
Elemente zur Datendarstellung
audio, embed, mark, meter, source, time, video
Anwendungselemente
canvas, progress
Formulare
• neue Typen (E-Mail, Webadressen, Zeitangaben, …)
• Pflichtfelder
• Templates
• Datenlisten
16. Neue Features
Umdefinierte Elemente
i, b, em, hr, small, strong
Wieder erlaubte Attribute
• start (bei ol-Elementen)
• value (bei li-Elementen)
Neue DOM-Methoden
• Methoden zur Steuerung von audio und video
• getElementsByClassName()
18. Zukunftsmusik?
Nein, denn
• Browser können schon große Teile von HTML 5
2 3 3.5 6 7 8 9 9.5 10 3 3.1 4
67 %
• neue Features werden mit jeder neuen Browserversion implementiert
• mit Tricks kann man HTML 5 auch ab IE 6 nutzen
• Entwicklung wird stark vorangetrieben
• große Websites unterstützen HTML 5
19. Fragestunde
So, fertig*
Danke für die Aufmerksamkeit.
* Und diesmal bin ich wirklich fertig ;-)
20. Quellen & Bildnachweis
Quellen
Wikipedia http://de.wikipedia.org/wiki/HTML_5
Smashing Magazine http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/
Webmasterpro.de http://www.webmasterpro.de/coding/article/html5.html
Bildnachweise
How to spend an afternoon http://www.flickr.com/photos/apocalust/3371826665/
landing WIP2. http://www.flickr.com/photos/apocalust/2861930070/
Early Interpretations Series 1.1 http://www.flickr.com/photos/pulpolux/394084802/
Éole Airlines http://www.flickr.com/photos/eole/3215868087/
Future and the past http://www.flickr.com/photos/januszbc/319792933/
me is the coolest bear on da planet! http://www.flickr.com/photos/southpaw2305/3734033897/
J5 series groupshot http://www.flickr.com/photos/donsolo/2195033782/
future tech training/play area for the public http://www.flickr.com/photos/shifted/2342416812/
More on the Whole Simon Blint Fiasco http://www.flickr.com/photos/thomashawk/2751554048/