Next Generation of HTML

HTML 5

Html 5 is next generation of HTML and it's defined by W3C. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern websites. Some of them are replacements for common uses of generic block (<div>) and inline (<span>) elements, for example <nav> (website navigation block), <footer> (usually referring to bottom of web page or to last lines of HTML code), or <audio> and <Video>instead of <object>.

Features

Some of the most interesting new features in HTML5:

The canvas element for drawing
The video and audio elements for media playback
Better support for local offline storage
New content specific elements, like article, footer, header, nav, section
New form controls, like calendar, date, time, email, URL, search

Browser Support

HTML5 is not yet an official standard and no browsers have full HTML5 support.

But all major browsers (Safari, Chrome, Firefox, Opera, Internet Explorer) continue to add new HTML5 features to their latest versions.

Following are some examples of new attributes in HTML5

Code example of <Video> tag :

<!DOCTYPE HTML>
<html>
<body>
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg" />
<source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>

Code example of <Audio> tag :

<audio controls="controls">
<source src="horse.ogg" type="audio/ogg" />
<source src="horse.mp3" type="audio/mp3" />
Your browser does not support the audio element.
</audio>

Code example of <footer> tag :

<!DOCTYPE HTML>
<html>
<body>
</body>
</html>

Code example of < canvas > tag :

<canvas id="myCanvas" width="200" height="100"></canvas>

HTML 5 improves interoperability, and reduces development costs, by making precise rules on how to handle all HTML elements, and how to recover from errors.