HTML5 OLIVER ZICO MENDES VII Semester, Info Sci& Engg, MITE Cell: +91 9916967888 Web: http://dotexec.com AboutMe: http://about.me/zico Blog: http://psynyd.tumblr.com Tweet: http://twitter.com/scizzics Facebook: http://facebook.com/scizzics
The Next Big Thing … HTML 5 Exciting, New Standard for Developing Websites & Applications
HTML5 is still under Development
HTML Timeline 1995 – HTML 2.0 Formalized the syntax and many of the rules that were already implemented. 1997 – HTML 3.2 Largely ignored by browser manufacturers who began to implement their own tags. 1998 – Web Standards Project Pushed for standards adoption, added weight to the W3C recommendations and promoted standards-based browsers.
1999 – HTML 4.0 Stabilized the syntax and structure of HTML, became the standard for web authoring. 2000 – XHTML 1.0 Designed to move HTML towards XML. DTDs often caused it to render as HTML
The Growth of the Web 2000 – 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
The Rise of HTML 5 2004 – 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
DOCTYPE has been Simplified Prior 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”>
HTML 5<!DOCTYPE HMTL>
HTML 5 Character Encoding HTML 4 <meta http-equiv=“Content-Type” content=“text/html; charset=UTF-8” /> HTML 5 <meta charset=“UTF-8” />
HTML 5 New Elements article, 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
Deprecated Elements basefont, big, center, font, s, strike, tt,u frame, frameset, noframes acronym, applet, isindex, dir
New Semantic Elements <header> <nav> <section> <article> <footer> <aside>
Forms in HTML 5 Web Forms 2.0 specifications is integrated into HTML 5 Date pickers, color, pickers, and numeric stepper controls added Input field types now include email, search, and url PUT and DELETE form methods now supported
Audio Video Offline Apps Editable Drag & Drop Integrated APIs
Associated APIs Messaging Geolocation
Other Features HTML5 Web Workers HTML5 Structure & CSS3 HTML5 Local Storage HTML5 API’s & Mobile HTML5 Dynamic imaging with Canvas
Error Handling Previous specifications left error handling up to user agents XHMTL 2.0 featured draconian error handling Pages would stop rendering if an error was found HTML 5 features detailed algorithms for parsing errors
Online Resources Wikipedia http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5) FindMeByIp http://findmebyip.com Microsoft IE 9 Test Center http://samples.msdn.microsoft.com/ietestcenter/
Can I Use http://caniuse.com/ HTML 5 Test http://html5test.com MODERNIZR http://www.modernizr.com
HTML 5 Timeline 2004 – Workshop on web Applications and Compound Documents 2005 – Web Applications 1.0 Working Draft published 2007 – W3c adopt WHATWG’s work in a new charter, publishes the new HTML 5 Working Draft 2009 – Last call issued for the HTML 5 Working Draft 2012 – HTML 5 Specification to reach Candidate status (projected) 2022 – HTML 5 Specification to reach Recommendation status (projected)
Current State of HTML 5 2010 - 2011 Working Draft is in Last Call Some 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!
Downsides Development of HTML5 specifications is slow and is subject to change Real time video streaming is not supported nor is the full screen video HTML is not an XML standard, so may be incompatible with XSLT & MathML
Future 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. 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.