HTML5 is in market and almost all the major browser have already started supporting
it. Even the Microsoft IE 9 after long period of yes/no has finally agreed to support
HTML 5. If you are a web developer it's right time to start getting grasp
over this new sensation in the web world. I am saying this not only because one
should be aware of new things in the surrounding, but also because its new features
can help you prevent your precious time(which every IT guy is always running short
Let's start with an overview of new features introduced with HTML5.
Canvas: This is the most revolutionary
feature HTML5 has come up with, now one can achieve great graphics and visual images
on the fly using <Canvas> element
Video: Another big shot, Now you no
more need third party plug-ins to display your video on web page. This is the one
feature that is still evolving and browser community is still working out on standarising
the video format. I will discuss more about this tag in detail later in this tutorial.
Local Storage:This is very much similar
to Cookies, but this is designed to accommodate large amount of information. Also
unlike cookies it is not send to server every time the request is made. It remains
Web Worker: This feature provides the
concept in C#. More on this in the later part of the tutorial
Offline Mode: This great feature allow
user to create web site that can work even in offline mode.
Geo Location: As the name says it all,
with this you can figure out the location of the user.More on this in the later
part of the article.
Input Types: With HTML5 comes more input
types, search, email, range, color, telephone(tel),url to name some. These new addition
to the input type are going to make the life of developers a lot more simpler.
PlaceHolderText: Ever required
to handle it. This comes inbuilt with HTML5 placeholderText attribute of input type.
Form AutoFocus: New autofocus attribute
added to all the controls. This will help add the focus on the control one wants.
MicroData: This provides a standardized
way to provide additional semantics on the page. More on this later.
Before I go ahead with discussing on each of these topics in details, let me tell
how easily we can figure out if our browser support these feature or not. I have
created a simple utility that will tell what all new feature of HTML 5 is supported
by your browser.