HTML5 is the next version of HTML that is still under development. It adds several new features like video and audio tags, canvas for graphics, and form controls. It also defines stricter parsing rules than HTML4. Major browsers have implemented some HTML5 features, and websites like YouTube and Google Wave now use HTML5 tags and multimedia elements.

1. Introduction of

2. Overview

What is HTML5

History of HTML5

New features in HTML5

Difference of HTML5 with HTML4

Web applications currently using HTML5

3. What is

HTML 5 is the next version of Hyper Text
Markup Language(HTML4)

It is developing by World Wide Web
consortium W3C.

Defined error handling

4. History of HTML5
• HTML 3.0 was developed in 1995
• HTML 3.2 was completed by 1997
• HTML 4 was developed in the year 1998
• HTML5 was first started by Mozilla, Apple, and
Opera under a group called the WHATWG(Web
Hypertext Application Technology Working Group).
In 2006 W3C showed an interest in HTML5 and in
2007 they created a working group to work in
HTML5 project. HTML5 is still under development.

5. New features in HTML5

Video and audio tags

Header and Footer

Nav, Section, article, aside,

Drag and drop

HTML canvas 2D context

Article and aside

HTML5 web messaging

6. Video and Audio
• HTML5 include video with
video element
• HTML5 specifies a
standard way to include
audio, with the audio
element.
• The audio element can play
sound files, or an audio
stream.
• Adding native support to
browsers

7. Audio+Video=magic
<video src="movie.ogg" controls="controls"></video>
<audio src=" song.ogg " controls="controls"></audio>

8. Video and Audio
Implementations
Native video support in browsers
1. Opera
2. Safari 3.1
3. Firefox 3.1

9. Header and Footer
<header> </header>
<foooter>www.google.com</footer>

10. Canvas
• Dynamic and interactive graphics
• Draw images using 2D drawing API
– Lines, curves, shapes, fills, etc.
• Useful for:Graphs Applications Games and Puzzles.

11. Canvas Examples: Games
Canvex
http://canvex.lazyilluminati.com/
Experimental First-Person
Shooter Game 3D Graphics

12. Form Controls: Numbers
<input type="number">
<input type="range">
Supports(safari3.0.3,Opera)

13. Form Controls: Combo Boxes
<input list="title-list">
<datalist id="title-list">
<option value="...">
</datalist>
Supports(Opera))

14. Difference between HTML4 and HTML5
HTML4 HTML5
Elements like nav,
header were not present.
It brought new element for
web structure like nav,
header etc
It was lack of rules of
parsing so it is difficult to
handle error.
Strictly parsing rules
introduced in html5 so
handle the error.
No multimedia supported
without third party
It inbuilt multimedia
element in html5 like
Audio,video,canvas
It was not available It contains attributes like
control menu, spell check
etc.

15. Web sites that using HTML5

YouTube uses HTML5,
www.youtube.com/html5

Google wave, a collaboration tool from Google
uses several html5 tags

Only some of the browser only supports
HTML5 features currently