Transcript HTML5 - 2010fall-web110-o1

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 to deliver text, images,
multimedia, web apps, search forms and
anything else you see in your browser. ”
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
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
•
•
•
•
•
•
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
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.
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.
HTML5 Canvas Element
This tag will allow developers to more easily create
web pages that users can interact with.
When can we use
HTML5?
A lot of browsers already support
many of the features of HTML5
References
•
•
•
•
•
•
•
http://lifehacker.com/5416100/how-html5-will-change-the-way-youuse-the-web
http://www.w3schools.com/html5/html5_intro.asp
http://hubpages.com/hub/HTML5-is-Here-Now-HTML5-Benefits-forUsers-and-Developers
http://www.smashingmagazine.com/2009/07/16/html5-and-the-futureof-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-centuryfurniture