View
3
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
HTML5OLIVER ZICO MENDES
VII Semester, Info Sci & Engg, MITE Cell: +91 9916967888
Web: http://dotexec.com AboutMe: http://about.me/zicoBlog: 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 Timeline1995 – HTML 2.0
Formalized 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.
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
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 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
Why do we need HTML 5
HTML 5 Specification is Much Larger
HTML5 Vision & Design Principles
Compatibility
Utility
Interoperability
Universal Access
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 Elementsbasefont, 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 5Web 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
Geolocation Messaging
Associated APIs
Other FeaturesHTML5 Web Workers
HTML5 Structure & CSS3
HTML5 Local Storage
HTML5 API’s & Mobile
HTML5 Dynamic imaging with Canvas
Error HandlingPrevious 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
Current Support
Browser Support
Online ResourcesWikipedia
http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)
FindMeByIphttp://findmebyip.com
Microsoft IE 9 Test Centerhttp://samples.msdn.microsoft.com/ietestcenter/
Can I Usehttp://caniuse.com/
HTML 5 Testhttp://html5test.com
MODERNIZRhttp://www.modernizr.com
HTML 5 Timeline2004 – 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
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.
Any Doubts …??
Thank You