Buu Nguyen

Buu Nguyen

• Microsoft MVP (ASP.NET)

• Vice President of Technology, KMS Technology

• Lecturer, RMIT University Vietnam

Agenda

•HTML5 Overview

•HTML5 in IE9

•Q&A

HTML5 OVERVIEW

A Brief History of HTML

1999

• W3C publishes HTML 4.01

2002

• W3C publishes XHTML 2.0, breaking backward compatibility

2004

• WHATWG is founded, publishing the first public draft of Web Application 1.0

2007

• W3C adopts Web Application 1.0 as HTML5 and charters a new HTML Working Group

2008

• W3C publishes first working draft of HTML5 which includes XHTML5

So, the HTML5 spec is now a working draft,

when will it be ready?

The common answer is:

True, but not complete!

Factors to Consider

• The W3C’s ratification process

• Commitment from browser vendors

• HTML5 is not one single big inseparable thing

• Fallbacks usually exist for different browsers

HTML5 IN IE9

Semantic Elements

header

nav

article

...

summary

section

footer

figure

aside

hgroup details time

Drag & Drop

Web Storage

Storing application data without server-side mechanism or cookies

sessionStorage vs. localStorage

Geolocation

<video> and <audio>

(separate spec)

HTML5 Pros and Cons

Pros

• No plug-in, no vendor lock-in, no proprietary technology

• HTML/JS/CSS all the way

• Strong commitment from browser vendors

• Portable skills for mobile web development

Cons

• Immaturely implemented features

• Inconsistent implementations across browsers

• Your code might need changing as the spec is updated

Q&A

THANK YOU! buunguyen@kms-technology.com

www.buunguyen.net/blog

www.twitter.com/buunguyen

http://vn.linkedin.com/in/buunguyen

References

• http://msdn.microsoft.com/en-us/ie/ff468705

• http://ie.microsoft.com/testdrive/

• http://html5readiness.com/

• http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/

• http://videojs.com/

• http://craftymind.com/factory/html5video/CanvasVideo.html

• http://raphaeljs.com/animation.html

• http://www.benjoffe.com/code/games/torus/

• http://www.benjoffe.com/code/demos/collide/

• http://www.pirateslovedaisies.com/