Scribd
Upload
50 views

HTML 5 Features and Capabilities

This document summarizes the new features and capabilities of HTML5, including easier form validation with new input types like email and number, the addition of new multimedia elements like <video> and <audio> for embedding video and audio without Flash, and the <meter> tag for displaying meter bars. It also covers new web storage options like sessionStorage and localStorage, as well as other minor tags added for sections, headers, and footers. While still under development, many modern browsers now support most HTML5 features.

Uploaded by

Abhishek Chaitanya Gorlagunta
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODP, PDF, TXT or read online on Scribd
50 views

HTML 5 Features and Capabilities

This document summarizes the new features and capabilities of HTML5, including easier form validation with new input types like email and number, the addition of new multimedia elements like <video> and <audio> for embedding video and audio without Flash, and the <meter> tag for displaying meter bars. It also covers new web storage options like sessionStorage and localStorage, as well as other minor tags added for sections, headers, and footers. While still under development, many modern browsers now support most HTML5 features.

Uploaded by

Abhishek Chaitanya Gorlagunta
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ODP, PDF, TXT or read online on Scribd
You are on page 1/ 10

HTML 5 FEATURES AND CAPABILITIES

ABOUT

What is it actually..?? Who is behind this HTML5..?? Why HTML5..??

FEATURES

Ever tried remembering doctype..??


One can do it now HTML5 uses <!DOCTYPE HTML>

Validating forms is never been so easy Various new input types New tags like <video> , <audio> and <meter>

WHATS NEW IN FORMS


Input type email Input type number Input type range for slider input Input types date and time The attribute required to specify the required fields of the form The attribute placeholder to specify the placeholder for a particular field in form The pattern attribute

THE VIDEO TAG

<video src="movie.ogg" width="320" height="240" controls="controls"> </video> This is just what we need to write to embed a video in a page No need of flash at all :) Loop,controls,preload,poster,width,height

THE AUDIO TAG

<audio src="horse.ogg" controls="controls"> </audio> As easy as you like Again no flash required Loop,controls,preload,src

THE METER TAG


Used to display the meter bar based on the value <meter value="2" min="0" max="10">2 out of 10</meter><br /> <meter value="0.6">60%</meter> High,low,max,min,optimum,value

WEB STORAGE

Session storage

Stores data for a browser session Stores data with no time limit

Local storage

TO FINISH OFF

Several other tags like figcaption,header,footer No need for type in link and script tags Less is the code more is the productivity Device independent Still under development Few browser support most features of HTML5 as up to now

THANKS ! :)

References http://www.w3schools.com http://www.w3.org http://www.diveintohtml5.org

You might also like