1. Die Zukunft des Webs !?
Von Thomas Rager
thrager@htwg-konstanz.de

2. 1991 •HTML
1994 •HTML2
1996 •CSS1 + JavaScript
1997 •HTML4
1998 •CSS2
2000 •XHTML1
2002 •Tableless Web Design
2005 •AJAX
2009 •HTML5

3. • HTML5 ist eine Weiterentwicklung des momentan im
Internet gebräuchlichen HTML4.
• Das erste Working-Draft wurde Ende Januar 2008 von Tim
Berners-Lee veröffentlicht.
• Ende 2009 gab das WC3 bekannt das das konkurrierenden
XHTML 2.0 nicht mehr weiterentwickelt wird.

5. • HTML
o Semantische Tags
o Neue Formularelemente
o Video und Audio-Tags
o Canvas
o Canvas 3D (WebGL)
o Neue Link-Attribute

7. • Placeholder Text
• Autofocus
• E-Mail-Adressen
• Web-Adressen
• Spinboxen / Sliders
• Datumsauswahl
• Farbauswahl
• Formular-Validierung
• Weitere Infos unter diveintohtml5.org./forms.html

8. • http://www.w3schools.com/html5/tryit.asp?filename=try
html5_video_simple

9. o http://www.craftymind.com/factory/html5video/Canva
sVideo.html
o http://www.airtightinteractive.com/demos/processing_
js/noisefield08.html
o http://calinmocanu.webs.com/the_canvas/fish.htm

11. o http://www.youtube.com/watch?v=fyfu4OwjUEI

13. • CSS
o Neue Selectoren
o Font-Support (Schriftarten)
o Text-Multi-Spalten-Layout / Textumbrüche
o Transparent
o Runde Ecken
o Transformationen / Animationen

16. • JavaScript
o GeoLocation
o WebStorage
o WebWorkers
o ApplicationCache
o WebSockets

17. • http://maxheapsize.com/static/html5geolocationdemo.html

21. • Bsp:
• Mensaplan der HTWG und der Uni
http://services.ragersweb.de/mensa

22.  Information
o http://slides.html5rocks.com
o http://html5doctor.com
o http://www.webkrauts.de/category/html5-einfuehrung
o http://html5demos.com
o http://diveintohtml5.org
 Browser-Test
o http://html5test.com
o http://www.focus.com/images/view/11905