HTML5

What is HTML5? HTML5 will be the new standard for HTML.

HTML5 is the next generation of HTML.

HTML5 is still a work in progress. However, the major browsers support many of the new HTML5 elements and APIs.

Some rules for HTML5 were established:

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. The development process should be visible to the public.

HTML5 New Features and Browser Support Some of the most interesting new features in HTML5:

The <canvas> element for 2D drawing.

The <video> and <audio> elements for media playback.

Support for local 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.

New Semantic/Structural Elements HTML5 offers new elements for better structure:

New Form Elements

New Form Elements

New Media Elements & <canvas> Element

The new <canvas> Element

HTML5 offers new elements for media content:

HTML5 <audio> Tag Browser Support

The <audio> tag is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.

Definition and Usage The <audio> tag defines sound, such as music or other audio streams. Tip: Any text inside the between <audio> and </audio> will be displayed in

browsers that do not support audio. New Attributes

HTML5 <audio> Tag(cont) Audio Formats and Browser Support

Example

HTML5 <video> Tag Browser Support

The <video> tag is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari.

Definition and Usage The <video> tag specifies video, such as a movie clip or other video streams. Tip: Any text between the <video> and </video> tags will be displayed in

browsers that do not support video. New Attributes

HTML5 <video> Tag Video Formats and Browser Support

Currently, there are 3 supported video formats for the <video> element: MP4, WebM, and Ogg:

Example

Removed Elements

The following HTML 4.01 elements are removed from HTML5:

Reference link

http://www.w3schools.com/html5/default.asp

http://ntuts.com/demo/slide-html5-css3/#slide1

End