Html5
Download as PPTX, PDF1 like1,000 views
HTML5 is the next evolution of the HTML standard that aims to make web pages more engaging and allow for richer content and interactivity. It introduces many new elements and features such as audio and video elements, canvas for drawing graphics, and semantic elements that divide content into headers, footers, articles and sections. While still under development, browser support is increasing and some features can already be used, though the specification may still change. HTML5 aims to unify web development by replacing separate technologies and providing powerful new APIs for building web applications.
Html5
- 1. HTML5OLIVER ZICO MENDESVII Semester, Info Sci& Engg, MITE Cell: +91 9916967888 Web: http://dotexec.com AboutMe: http://about.me/zicoBlog: http://psynyd.tumblr.comTweet: http://twitter.com/scizzics Facebook: http://facebook.com/scizzics
- 2. The Next Big Thing …HTML 5 Exciting, New Standard for Developing Websites & Applications
- 3. HTML5 is still under Development
- 4. HTML Timeline1995 – HTML 2.0Formalized the syntax and many of the rules that were already implemented.1997 – HTML 3.2Largely ignored by browser manufacturers who began to implement their own tags.1998 – Web Standards ProjectPushed for standards adoption, added weight to the W3C recommendations and promoted standards-based browsers.
- 5. 1999 – HTML 4.0Stabilized the syntax and structure of HTML, became the standard for web authoring.2000 – XHTML 1.0Designed to move HTML towards XML.DTDs often caused it to render as HTML
- 6. The Growth of the Web2000 – 2004 High Bandwidth connections increase, as does the demand for the multimedia and applications driven by technology such as Flash and AJAX Work on XHTML 2.0 begins
- 7. The Rise of HTML 52004 – WHATWG begins what will become HTML 5 2007 – W3C charters new working group and adopts WHATWG’s work, renamed HTML 5 2009 – W3C does not renew the XHTML 2.0 charter 2010 – Driven in large part by Apple and Google, public interest in HTML 5 grows
- 8. Why do we need HTML 5
- 9. HTML 5 Specification is Much Larger
- 10. HTML5 Vision & Design PrinciplesCompatibilityUtilityInteroperabilityUniversal Access
- 11. DOCTYPE has been SimplifiedPrior Doctypes<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-transitional.dtd”><!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11-strict.dtd”>
- 13. HTML 5 Character EncodingHTML 4<meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” />HTML 5<meta charset=“UTF-8” />
- 14. HTML 5 New Elementsarticle, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, ruby, section, source, summary, time, video
- 15. Deprecated Elementsbasefont, big, center, font, s, strike, tt,uframe, frameset, noframesacronym, applet, isindex, dir
- 17. Forms in HTML 5Web Forms 2.0 specifications is integrated into HTML 5Date pickers, color, pickers, and numeric stepper controls addedInput field types now include email, search, and urlPUT and DELETE form methods now supported
- 19. Associated APIs MessagingGeolocation
- 20. Other FeaturesHTML5 Web WorkersHTML5 Structure & CSS3HTML5 Local StorageHTML5 API’s & MobileHTML5 Dynamic imaging with Canvas
- 21. Error HandlingPrevious specifications left error handling up to user agentsXHMTL 2.0 featured draconian error handlingPages would stop rendering if an error was foundHTML 5 features detailed algorithms for parsing errors
- 22. Current Support
- 23. Browser Support
- 24. Online ResourcesWikipediahttp://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)FindMeByIphttp://findmebyip.comMicrosoft IE 9 Test Centerhttp://samples.msdn.microsoft.com/ietestcenter/
- 25. Can I Usehttp://caniuse.com/HTML 5 Testhttp://html5test.comMODERNIZRhttp://www.modernizr.com
- 26. HTML 5 Timeline2004 – Workshop on web Applications and Compound Documents2005 – Web Applications 1.0 Working Draft published2007 – W3c adopt WHATWG’s work in a new charter, publishes the new HTML 5 Working Draft2009 – Last call issued for the HTML 5 Working Draft2012 – HTML 5 Specification to reach Candidate status (projected)2022 – HTML 5 Specification to reach Recommendation status (projected)
- 27. Current State of HTML 52010 - 2011 Working Draft is in Last CallSome parts of the Draft are more mature than others.Increasing number of devices and browsers feature partial implementation.You don’t have to wait to start using some aspects of HTML 5!
- 28. DownsidesDevelopment of HTML5 specifications is slow and is subject to changeReal time video streaming is not supported nor is the full screen videoHTML is not an XML standard, so may be incompatible with XSLT & MathML
- 29. FutureEven though it is far from being finished, a lot of developers have started use HTML5 features that are being currently supported by the browsers.It will eventually evolve into a programming platform.There is a possibility that it will replace Flash & Silverlight.Search Engines will give better results.Web Pages will be able to load faster.
- 30. Thank YouAny Doubts …??