HTML5
Download as PPT, PDF2 likes876 views
HTML5 is not a single specification, but rather a collection of new HTML elements, APIs, and other technologies that together form the next generation of the World Wide Web. It includes new elements like header, footer, nav and video/audio elements, as well as APIs for graphics (Canvas), offline web applications, drag and drop and more. The document outlines the history and development of HTML5, provides examples of new HTML5 elements and CSS3 features, and discusses browser support and the future of HTML5 beyond the current specifications.
![Questions [email_address] Questions? www.twitter.com/matthewadavid HTML5: Designing Rich Internet Applications (Visualizing the Web) InsideRIA.com – jQuery Blog](https://image.slidesharecdn.com/11303309-120127201543-phpapp02/85/HTML5-12-320.jpg)
HTML5
- 2. What We Will Cover Brief History of HTML5 What is HTML5 HTML5 Elements CSS3 Media – Video and Audio SVG Canvas ECMAScript5 Web API Viewing HTML5 Beyond HTML5
- 3. Brief History of HTML5 Once upon a time… Tim Berners Lee – 1989 Web Browser/Server – 1992 Mosaic – 1993 HTML 3.2/Netscape – 1995 HTML 4 – 1997 WASP/HTML5 - 2006
- 4. What is HTML5 It is not one big “thing” Developed by WASP – Web Standards Project Ian Hickson – Original Author Managed by W3C – Microsoft is co-chair HTML5 Pieces New Elements/API’s CSS3 Video/Audio SVG/Canvas ECMAScript5
- 5. HTML5 Elements Header Footer Section Articles Aside Nav Mark Meter Time Summary Source Figure Figcaption
- 6. CSS3 Color Control - http://css3generator.com/ Gradient Colors - http://gradients.glrzad.com/ Rounded Corners - http://www.cssportal.com/css3-rounded-corner/ Embedded Fonts – FontSquirrel.com Animation - http://westciv.com/tools/transforms/index.html Details – www.CSS3.info
- 7. Media – Video/Audio Bit of a Mess Video MPEG-4 Theora WebM http://videojs.com/ Audio MP3 AAC Vorbis http://www.happyworm.com/jquery/jplayer/ Flash Already Supports these
- 8. SVG/Canvas Proposed in 1999 SVG 1.1 Vector Adobe Illustrator Any Image in Google Docs Developed by Apple JavaScript driven Vector/Bitmap drawings Could compete with Flash CS5 canvasdemos.com
- 9. ECMAScript5/Web API No support for E4X GeoLocation Drag and Drop Local Data / SQLite
- 10. Browser Support Desktop Chrome Safari Firefox Opera IE9 Mobile Mobile Safari Fenec Opera Android Browser (V8) http://html5readiness.com Html5test.com http://www.modernizr.com Death to IE6
- 11. Beyond HTML5 Complete HTML5 Standard CSS4 SVG 2.0 MathML GPU Acceleration WebGL
- 12. Questions [email_address] Questions? www.twitter.com/matthewadavid HTML5: Designing Rich Internet Applications (Visualizing the Web) InsideRIA.com – jQuery Blog
Editor's Notes
- #6: http://www.w3schools.com/html5/html5_reference.asp