HTML5 is the upcoming standard for HTML, XHTML, and the HTML DOM.The previous version of HTML standard came in 1999. But HTML5 is not yet completed fully there are still some still a work in progress. Some of the modern day browsers support few features of HTML5. The enhancement of the HTML5 started in 2006.

In HTML 5 there are some rules they established like

  • Reduce the need for external plugins (like Flash)
  • Better error handling
  • More markup to replace scripting
  • HTML5 should be device independent

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 offline storage
  • New content specific elements, like article, footer, header, nav, section
  • New form controls, like calendar, date, time, email, url, search

Some of the interesting tags introduced int HTML 5 are

Video Tag – for showing video on a web page.

Currently, there are 2 supported video formats : ogg, MPEG4
Browser which support this feature currently are :

OGG – Firefox 3.5, Opera 10.5, Chrome 3.0
MPEG 4 – Chrome 3.0, Safari 3.0

Audio Tag – to include audio, with the audio element.

Currently, there are 2 supported video formats : ogg, MP3m WAV
Browser which support this feature currently are :

OGG – Firefox 3.5, Opera 10.5, Chrome 3.0
MP3 – Chrome 3.0 , Safari 3.0
WAV – Firefox 3.5 , Opera 10.5, Safari 3.0

Canvas Tag – is a rectangular area, and you control every pixel of it.

Try this

HTML:

JAVSCRIPT:


var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.fillRect(0,0,150,75);

The localStorage uses JavaScript to store and access the data.

It stores the data with no time limit. The data will be available the next day, week, or year.

eg:

localStorage.lastname="Smith";
document.write(localStorage.lastname);

HTML5 New Input Types

  • email – email field is automatically validated when the form is submitted.
  • url – url field is automatically validated when the form is submitted.
  • number – used for input fields that should contain a numeric value.
  • range – for input fields that should contain a value from a range of numbers.
  • Date pickers – for selecting date and time.
  • search – for search fields, like a site search, or Google search.
  • color

Out of this search and color is not yet completed and not supported by any of the browser. The first five are supported by Opera 9.0.

Hope HTML5 after the complete release will be an existing package to everyone and make the web designers life very easy. I also hope this will help you people to get some basic understanding of HTML5.

Thank you

Advertisement