Next Big Thing For internet – Html5 : What, Why And How !!

HTML 5 – The new markup language for cyberspace. We are on the edge of next step of the internet evolution. As you know HTML is the core language of online world. Every basic thing on web development starts from HTML and its templates. HTML 5 is next major upgrade of HTML. But, stop that is not it. HTML 5 is making and breaking some major things on Web, So watch out…….

What is HTML 5 ?

HTML 5 is the fifth major revision of the core language of the World Wide Web, HTML. This new revision of HTML incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears. HTML5 introduces a number of new elements and attributes that reflect typical usage on modern websites.

Battle Begins Flash Vs HTML5 On iPad

Header, Footer, Navigation Menu and Main Content - These are the common parts of every webpage or website you see on your browser today. So here HTML5 Comes which has element for almost every common thing of modern websites. Here are Some new elements that are being introduced in HTML5

New Elements Added in HTML5 Forms

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video

New Methods Added in HTML5 Forms

PUT and DELETE   (Previously there was two : GET and POST)

To see more Additions and changes of HTML5.  Please Visit Wikipedia Here

Why HTML 5 is needed ?

There are certain expectations of website interface today and modern web pages usually end up rehashing a lot of the same code to do navigation, searches and other functionality that every website has. HTML5 abstracts much of this functionality to save us time and bandwidth. New features include integration of video and audio without any java scripting or fancy tricks. You can also now pull off tricks like drag and drop interfaces, online document editing and much more without costly custom coding that may not be compatible across the board.

Youtube and HTML5

HTML5 has several goals which differentiate it from HTML4.

The primary one is consistent, defined error handling. As you know, HTML purposely supports ‘tag soup’, or the ability to write malformed code and have it corrected into a valid document. The problem is that the rules for doing this aren’t written down anywhere. When a new browser vendor wants to enter the market, they just have to test malformed documents in various browsers (especially IE) and reverse-engineer their error handling. If they don’t, then many pages won’t display correctly (estimates place roughly 90% of pages on the net as being at least somewhat malformed).

So, HTML5 is attempting to discover and codify this error handling, so that browser developers can all standardize and greatly reduce the time and money required to display things consistently. As well, long in the future after HTML has died as a document format, historians may still want to read our documents, and having a completely defined parsing algorithm will greatly aid this.

The secondary goal of HTML5 is to develop the ability of the browser to be an application platform, via HTML, CSS, and Javascript. Many elements have been added directly to the language that are currently (in HTML4) Flash or JS-based hacks, such as <canvas>, <video>, and <audio>. Useful things such as Local Storage (a js-accessible browser-builtin sql database, for storing information beyond what cookies can hold), new input types such as date for which the browser can expose easy user interface (so that we don’t have to use our js-based calendar date-pickers), and browser-supported form validation will make developing web applications much simpler for the developers, and make them much faster for the users (since many things will be supported natively, rather than hacked in via javascript).

There are many other smaller efforts taking place in HTML5, such as better-defined semantic roles for existing elements (<strong> and <em> now actually mean something different, and even <b> and <i> have vague semantics that should work well when parsing legacy documents) and adding new elements with useful semantics – <article>, <section>, <header>, <aside>, and <nav> should replace the majority of <div>s used on a web page, making your pages a bit more semantic, but more importantly, easier to read. No more painful scanning to see just what that random </div> is closing – instead you’ll have an obvious </header>, or </article>, making the structure of your document much more intuitive.

How Html5 Document looks ?

Below is the image of basic format difference between html4 and html5.

Basic HTML4 And HTML5 Differences