HTML5 Tutorial

HTML5 Tutorial

Technology is changing very fast. Here we will see Why HTML5? and It’s usage. Some of you may have searched or heard of all new features of HTML5. This series of post aims to cover important features of HTML5 and modern browsers.

Why HTML5?

One of the advantage of new HTML5 is to remove dependency of third party plug-in like FLASH, SilverLight, JAVA Applet and AciveX.

For example: You want to watch movie online user should have Flash player or windows media player kind of plug-in. Now, with HTML5 a very small code is required to let user watch or listens to online media.


<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.

If browser is not supporting HTML5, It will show message given by you. In above case it’s “Your browser does not support the video tag.”

Below are the important features of modern browsers and HTML5. We will cover them more in detail one by one.

  1. New Elements In HTML5.
  2. Web Sockets.
  3. Client side DataBase {SQL Lite}.
  4. Client side Session Storage { Local, Global }.

Note: A doctype for HTML5 is

<!DOCTYPE html>

When browser sees above doctype it understood that the rest of  the content on this page are of HTML5 type and browsers load appropriate schemas related to HTML5 parsing.

You may have noticed Google and their products like YouTube,Gmail and many sites has changed to HTML5. Even though all browsers are not fully HTML5 complained.


HTML5 Video Player TutorialHTML5 audio player tutorialBasic HTML5 TagsHTML5 With DataBaseHTML5 Slider control and JavaScriptHtml5 Doctype HeaderJquery CallBack HTML5 Generate Article TagHTML5 Canvas AnimationJquery Ajax TutorialAndroid EditText Tutorial


My name is Satalaj, but people call me Sat. Here is my homepage: . I live in Pune, PN and work as a Software Engineer. I'm former MVP in year 2010.
Disclaimer: Views or opinion expressed here are my personal research and it has nothing to do with my employer. You are free to use the code, ideas/hints in your projects. However, you should not copy and paste my original content to other web sites. Feel free to copy or extend the code.
If you want to fight with me, this website is not for you.

I'm Satalaj.