This action might not be possible to undo. Are you sure you want to continue?
Sudha Rani Balla
is HTML5? •New Features. •Browser Support. •New Elements in HTML5. Media elements. Canvas element. Markup elements.
Video. •HTML5 Audio. •HTML5 Web Storage Local Storage Session Storage. • Advantages of HTML5 over HTML 4. •Disadvantages of HTML5 •Conclusion
most modern browsers have some HTML5 support. HTML5 supports the traditional HTML and XHTML-style syntax and other new features in its markup. However. HTML5 is still a work in progress. How It Get Started?????? . XHTML and error handling. New APIs. Hypertext Markup Language revision 5 is (HTML5) markup language for the structure and presentation of World Wide Web contents.
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 storage New content specific elements. nav. url. section New form controls. like article. header. footer. time. search . email. like calendar. date.
But all major browsers (Safari. Opera. Firefox. HTML5 is not yet an official standard. and no browsers have full HTML5 support. Chrome. Internet Explorer) continue to add new HTML5 features to their latest versions .
To better handle today’s internet use. These elements are deleted or re-written in HTML5. HTML5 also includes new elements for better structure. . drawing. media content and better form handling.01 are obsolete. never used. some elements in HTML 4. or not used the way they were intended to. Today.
music or other audio streams For video content. sounds. such as a movie clip or other video streams For media resources for media elements. defined inside video or audio elements For text tracks used in media players .Tag <audio> <video> <source> <track> Description For multimedia content.
mp4" type="video/mp4" /> <source src="movie. </video> . HTML5 defines a new element which specifies a standard way to embed a video/movie on a web page: the <video> element.ogg" type="video/ogg" /> Your browser does not support the video tag. How It Works? <video width="320“ height="240"controls="controls"> <source src="movie.
0 Google Chrome 6 Apple Safari 5 Opera 10. there are 3 supported video formats for the <video> element MP4 WebM Ogg Browser Internet Explorer 9 Firefox 4.6 MP4 YES NO YES YES NO WebM NO YES YES NO YES Ogg NO YES YES NO YES . Currently.
</audio> .mp3" type="audio/mpeg" /> Your browser does not support the audio element.ogg" type="audio/ogg" /> <source src="song. How It Works? <audio controls="controls"> <source src="song. HTML5 defines a new element which specifies a standard way to embed an audio file on a web page: the <audio> element.
Specifies that the audio will start over again.Attribute autoplay controls Value autoplay controls Description Specifies that the audio will start playing as soon as it is ready Specifies that audio controls should be displayed (such as a play/pause button etc). every time it is finished Specifies if and how the author thinks the audio should be loaded when the page loads Specifies the URL of the audio file loop preload loop auto metadata none URL Src .
there are 3 supported file formats for the <audio> element MP3 Wav Ogg Browser Internet Explorer 9 Firefox 4.6 MP3 YES NO YES YES NO Wav NO YES YES YES YES Ogg NO YES YES NO YES . Currently.0 Google Chrome 6 Apple Safari 5 Opera 10.
Tag <figure> <figcaption> <meter> <progress> <time> Description For grouping a section of stand-alone content. used only if the maximum and minimum values are known The state of a work in progress For defining a time or a date. or both . could be a video The caption of the figure section For a measurement.
The elements frame. such as <canvas>. Many elements have been added directly to the language that are currently (in HTML4) Flash or JSbased hacks. . frameset are being removed from the language and all of these can be handled using CSS or other methods. and <audio>.No More Frames. <video>.
Security Features Browser Compatibility .