30
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

Html5

  • View
    3

  • Download
    0

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Html5

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 

Page 2: Html5

The Next Big Thing … HTML 5 Exciting, New Standard for Developing Websites & Applications

Page 3: Html5

HTML5 is still under Development

Page 4: Html5

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.

Page 5: Html5

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

Page 6: Html5

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

Page 7: Html5

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

Page 8: Html5

Why do we need HTML 5

Page 9: Html5

HTML 5 Specification is Much Larger

Page 10: Html5

HTML5 Vision & Design Principles

Compatibility

Utility

Interoperability

Universal Access

Page 11: Html5

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”>

Page 12: Html5

HTML 5

<!DOCTYPE HMTL>

Page 13: Html5

HTML 5 Character Encoding

HTML 4<meta http-equiv=“Content-Type” content=“text/html;

charset=UTF-8” />

HTML 5<meta charset=“UTF-8” />

Page 14: Html5

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

Page 15: Html5

Deprecated Elementsbasefont, big, center, font, s, strike, tt,u

frame, frameset, noframes

acronym, applet, isindex, dir

Page 16: Html5

New Semantic Elements

<header>

<nav><section

><article><footer><aside>

Page 17: Html5

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

Page 18: Html5

Audio Video Offline Apps Editable

Drag & Drop

Integrated APIs

Page 19: Html5

Geolocation Messaging

Associated APIs

Page 20: Html5

Other FeaturesHTML5 Web Workers

HTML5 Structure & CSS3

HTML5 Local Storage

HTML5 API’s & Mobile

HTML5 Dynamic imaging with Canvas

Page 21: Html5

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

Page 22: Html5

Current Support

Page 23: Html5

Browser Support

Page 24: Html5

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/

Page 25: Html5

Can I Usehttp://caniuse.com/

HTML 5 Testhttp://html5test.com

MODERNIZRhttp://www.modernizr.com

Page 26: Html5

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)

Page 27: Html5

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!

Page 28: Html5

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

Page 29: Html5

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.

Page 30: Html5

Any Doubts …??

Thank You