HTML5<br />OLIVER ZICO MENDES<br />VII Semester, Info Sci& Engg, MITE  Cell: +91 9916967888 <br />Web: http://dotexec.com ...
 The Next Big Thing …<br />HTML 5<br />       Exciting, New Standard for<br /> Developing Websites & Applications<br />
HTML5 is still under Development<br />
HTML Timeline<br />1995 – HTML 2.0<br />Formalized the syntax and many of the rules that were already implemented.<br />19...
1999 – HTML 4.0<br />Stabilized the syntax and structure of HTML, became the standard for web authoring.<br />2000 – XHTML...
The Growth of the Web<br />2000 – 2004 <br />High Bandwidth connections increase, as does the demand for the multimedia an...
The Rise of HTML 5<br />2004 – WHATWG begins what will become HTML 5<br />    2007 – W3C charters new working group and ad...
Why do we need HTML 5<br />
HTML 5  Specification is Much Larger<br />
HTML5 Vision & Design Principles<br />Compatibility<br />Utility<br />Interoperability<br />Universal Access<br />
DOCTYPE has been Simplified<br />Prior Doctypes<br /><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”  “http...
HTML 5<!DOCTYPE HMTL><br />
HTML 5 Character Encoding<br />HTML 4<br /><meta   http-equiv=“Content-Type”  content=“text/html;    charset=UTF-8” /><br ...
HTML 5 New Elements<br />article, aside, audio, canvas, command, <br />datalist, details, embed, figcaption, figure, <br /...
Deprecated Elements<br />basefont, big, center, font, s, strike, tt,u<br />frame, frameset, noframes<br />acronym, applet,...
New Semantic Elements<br /><header><br /><nav><br /><section><br /><article><br /><footer><br /><aside><br />
Forms in HTML 5<br />Web Forms 2.0 specifications is integrated into HTML 5<br />Date pickers, color, pickers, and numeric...
      Audio                     Video                   Offline Apps                 Editable<br />		      Drag & Drop    ...
Associated APIs<br />                      Messaging<br />Geolocation<br />
Other Features<br />HTML5 Web Workers<br />HTML5 Structure & CSS3<br />HTML5 Local Storage<br />HTML5 API’s & Mobile<br />...
Error Handling<br />Previous specifications left error handling up to user agents<br />XHMTL 2.0 featured draconian error ...
Current Support<br />
Browser Support<br />
Online Resources<br />Wikipedia<br />http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)<br />FindMeByIp<br...
Can I Use<br />http://caniuse.com/<br />HTML 5 Test<br />http://html5test.com<br />MODERNIZR<br />http://www.modernizr.com...
HTML 5 Timeline<br />2004 – Workshop on web Applications and Compound Documents<br />2005 – Web Applications 1.0 Working D...
Current State of HTML 5<br />2010 - 2011  <br />Working Draft is in Last Call<br />Some parts of the Draft are more mature...
Downsides<br />Development of HTML5 specifications is slow and is subject to change<br />Real time video streaming is not ...
Future<br />Even though it is far from being finished, a lot of developers have started use HTML5 features that are being ...
 Thank You<br />Any Doubts …??<br />
Upcoming SlideShare
Loading in...5
×

Html5

1,983

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,983
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
44
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. HTML5<br />OLIVER ZICO MENDES<br />VII Semester, Info Sci& Engg, MITE  Cell: +91 9916967888 <br />Web: http://dotexec.com <br />AboutMe: http://about.me/zico<br />Blog: http://psynyd.tumblr.com<br />Tweet: http://twitter.com/scizzics <br />Facebook: http://facebook.com/scizzics <br />
  2. 2. The Next Big Thing …<br />HTML 5<br /> Exciting, New Standard for<br /> Developing Websites & Applications<br />
  3. 3. HTML5 is still under Development<br />
  4. 4. HTML Timeline<br />1995 – HTML 2.0<br />Formalized the syntax and many of the rules that were already implemented.<br />1997 – HTML 3.2<br />Largely ignored by browser manufacturers who began to implement their own tags.<br />1998 – Web Standards Project<br />Pushed for standards adoption, added weight to the W3C recommendations and promoted standards-based browsers. <br />
  5. 5. 1999 – HTML 4.0<br />Stabilized the syntax and structure of HTML, became the standard for web authoring.<br />2000 – XHTML 1.0<br />Designed to move HTML towards XML.<br />DTDs often caused it to render as HTML<br />
  6. 6. The Growth of the Web<br />2000 – 2004 <br />High Bandwidth connections increase, as does the demand for the multimedia and applications driven by technology such as Flash and AJAX<br /> Work on XHTML 2.0 begins<br />
  7. 7. The Rise of HTML 5<br />2004 – WHATWG begins what will become HTML 5<br /> 2007 – W3C charters new working group and adopts WHATWG’s work, renamed HTML 5<br /> 2009 – W3C does not renew the XHTML 2.0 charter<br /> 2010 – Driven in large part by Apple and Google, public interest in HTML 5 grows<br />
  8. 8. Why do we need HTML 5<br />
  9. 9. HTML 5 Specification is Much Larger<br />
  10. 10. HTML5 Vision & Design Principles<br />Compatibility<br />Utility<br />Interoperability<br />Universal Access<br />
  11. 11. DOCTYPE has been Simplified<br />Prior Doctypes<br /><!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”><br /> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><br /><!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd”><br /><!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd”><br />
  12. 12. HTML 5<!DOCTYPE HMTL><br />
  13. 13. HTML 5 Character Encoding<br />HTML 4<br /><meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” /><br />HTML 5<br /><meta charset=“UTF-8” /><br />
  14. 14. HTML 5 New Elements<br />article, aside, audio, canvas, command, <br />datalist, details, embed, figcaption, figure, <br />footer, header, hgroup, keygen, mark, meter, <br />nav, output, progress, rp, ruby, section, <br />source, summary, time, video<br />
  15. 15. Deprecated Elements<br />basefont, big, center, font, s, strike, tt,u<br />frame, frameset, noframes<br />acronym, applet, isindex, dir<br />
  16. 16. New Semantic Elements<br /><header><br /><nav><br /><section><br /><article><br /><footer><br /><aside><br />
  17. 17. Forms in HTML 5<br />Web Forms 2.0 specifications is integrated into HTML 5<br />Date pickers, color, pickers, and numeric stepper controls added<br />Input field types now include email, search, and url<br />PUT and DELETE form methods now supported<br />
  18. 18. Audio Video Offline Apps Editable<br /> Drag & Drop <br />Integrated APIs<br />
  19. 19. Associated APIs<br /> Messaging<br />Geolocation<br />
  20. 20. Other Features<br />HTML5 Web Workers<br />HTML5 Structure & CSS3<br />HTML5 Local Storage<br />HTML5 API’s & Mobile<br />HTML5 Dynamic imaging with Canvas<br />
  21. 21. Error Handling<br />Previous specifications left error handling up to user agents<br />XHMTL 2.0 featured draconian error handling<br />Pages would stop rendering if an error was found<br />HTML 5 features detailed algorithms for parsing errors<br />
  22. 22. Current Support<br />
  23. 23. Browser Support<br />
  24. 24. Online Resources<br />Wikipedia<br />http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)<br />FindMeByIp<br />http://findmebyip.com<br />Microsoft IE 9 Test Center<br />http://samples.msdn.microsoft.com/ietestcenter/<br />
  25. 25. Can I Use<br />http://caniuse.com/<br />HTML 5 Test<br />http://html5test.com<br />MODERNIZR<br />http://www.modernizr.com<br />
  26. 26. HTML 5 Timeline<br />2004 – Workshop on web Applications and Compound Documents<br />2005 – Web Applications 1.0 Working Draft published<br />2007 – W3c adopt WHATWG’s work in a new charter, publishes <br /> the new HTML 5 Working Draft<br />2009 – Last call issued for the HTML 5 Working Draft<br />2012 – HTML 5 Specification to reach Candidate status (projected)<br />2022 – HTML 5 Specification to reach Recommendation status <br /> (projected)<br />
  27. 27. Current State of HTML 5<br />2010 - 2011 <br />Working Draft is in Last Call<br />Some parts of the Draft are more mature than others.<br />Increasing number of devices and browsers feature partial implementation.<br />You don’t have to wait to start using some aspects of HTML 5!<br />
  28. 28. Downsides<br />Development of HTML5 specifications is slow and is subject to change<br />Real time video streaming is not supported nor is the full screen video<br />HTML is not an XML standard, so may be incompatible with XSLT & MathML<br />
  29. 29. Future<br />Even though it is far from being finished, a lot of developers have started use HTML5 features that are being currently supported by the browsers.<br />It will eventually evolve into a programming platform.<br />There is a possibility that it will replace Flash & Silverlight.<br />Search Engines will give better results.<br />Web Pages will be able to load faster.<br />
  30. 30. Thank You<br />Any Doubts …??<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×