HTML 5 Features and Capabilities

Download as odp, pdf, or txt
Download as odp, pdf, or txt
You are on page 1of 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