HTML5
description
Transcript of HTML5
![Page 2: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/2.jpg)
1991 •HTML
1994 •HTML2
1996 •CSS1 + JavaScript
1997 •HTML4
1998 •CSS2
2000 •XHTML1
2002 •Tableless Web Design
2005 •AJAX
2009 •HTML5
![Page 3: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/3.jpg)
• 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.
![Page 4: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/4.jpg)
![Page 5: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/5.jpg)
• HTMLo Semantische Tagso Neue Formularelementeo Video und Audio-Tagso Canvaso Canvas 3D (WebGL)o Neue Link-Attribute
![Page 6: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/6.jpg)
![Page 7: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/7.jpg)
• Placeholder Text• Autofocus• E-Mail-Adressen• Web-Adressen• Spinboxen / Sliders• Datumsauswahl• Farbauswahl• Formular-Validierung
• Weitere Infos unter diveintohtml5.org./forms.html
![Page 8: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/8.jpg)
• http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_video_simple
![Page 9: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/9.jpg)
o http://www.craftymind.com/factory/html5video/CanvasVideo.html
o http://www.airtightinteractive.com/demos/processing_js/noisefield08.html
o http://calinmocanu.webs.com/the_canvas/fish.htm
![Page 10: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/10.jpg)
![Page 12: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/12.jpg)
![Page 13: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/13.jpg)
• CSSo Neue Selectoreno Font-Support (Schriftarten)o Text-Multi-Spalten-Layout / Textumbrücheo Transparento Runde Ecken
o Transformationen / Animationen
![Page 14: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/14.jpg)
![Page 15: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/15.jpg)
![Page 16: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/16.jpg)
• JavaScripto GeoLocationo WebStorageo WebWorkerso ApplicationCacheo WebSockets
![Page 17: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/17.jpg)
• http://maxheapsize.com/static/html5geolocationdemo.html
![Page 18: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/18.jpg)
![Page 19: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/19.jpg)
![Page 20: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/20.jpg)
![Page 21: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/21.jpg)
• Bsp: • Mensaplan der HTWG und der Uni
http://services.ragersweb.de/mensa
![Page 22: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/22.jpg)
Informationo http://slides.html5rocks.como http://html5doctor.como http://www.webkrauts.de/category/html5-einfuehrung
o http://html5demos.como http://diveintohtml5.org
Browser-Test
o http://html5test.como http://www.focus.com/images/view/11905
![Page 23: HTML5](https://reader033.fdocuments.net/reader033/viewer/2022042813/54c38bda4a7959b6398b457a/html5/thumbnails/23.jpg)