HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s...

12
HTML 5 The Future of Web Development

Transcript of HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s...

Page 1: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML 5The Future of Web Development

Page 2: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

What is HTML5?

“HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized to deliver text, images, multimedia, web apps, search

forms and anything else you see in your browser. ”

Page 3: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML5 Development Guidelines

•New features should be based on HTML, CSS, DOM, and JavaScript

•Reduce the need for external plugins (like Flash)

•Better error handling

•More markup to replace scripting

•HTML5 should be device independent

Page 4: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

Benefits of HTML5

•Improved semantics for structuring web page elements through the use of new tags

•Better handling of internet multimedia like audio and video

•Allows for more interactive websites

•Web sites will render the same regardless of what browser is being used

Page 5: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML5 Features• New tags to better organize content

• Native video and audio streaming support-no need for Flash, Silverlight, etc.

• Offline storage-web apps can act more like desktop apps

• Canvas drawing-will allow for more user interactivity without needing plugins

• Geolocation- will allow pages to tailor themselves according to where you are

• Smarter Forms-not sexy, but will improve the user experience

Page 6: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML5 Content Tags

New tags will allow developers to mark up the structure of

pages more intuitively without having to create as

many <div> tags for different, commonly used elements on the page such as

headers and footers.

Page 7: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML5 Video Tag

Though HTML5 allows video to be played without the use of plugins, there is still debate over which

format of videos will be supported. Currently, browsers are split on the issue.

Page 8: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

HTML5 Canvas Element This tag will allow developers to more easily

create web pages that users can interact with.

Page 9: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

When can we use HTML5?

Page 10: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

A lot of browsers already support many of the features of HTML5

Page 11: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.
Page 12: HTML 5 The Future of Web Development. What is HTML5? “HTML5 is a specification of how the web’s core language, HTML, should be formatted and utilized.

References

• http://lifehacker.com/5416100/how-html5-will-change-the-way-you-use-the-web

• http://www.w3schools.com/html5/html5_intro.asp

• http://hubpages.com/hub/HTML5-is-Here-Now-HTML5-Benefits-for-Users-and-Developers

• http://www.smashingmagazine.com/2009/07/16/html5-and-the-future-of-the-web/

• http://slodive.com/web-development/html5-versus-flash-is-it-really-so/

• http://www.wisdump.com/tag/adobe/

• http://pingv.com/blog/html5-rdfa-time-to-get-rid-of-that-20th-century-furniture