HTML5

Note: this document contains the examples pointing to the Quick it 

            This document covers the new web standards HTML5, advantages, supported browsers, New elements with examples, New API, deprecated elements and finally covers the HTML5 Vs. Flash Vs. Silver Light

What is HTML5?

A new version of the Hypertext markup language standards.

Advantages:

·         open  Standards

·         Doesn’t need any third party plug-ins

·         Compatible all the platforms

·         Faster-browser built in support

·         Better error handling

Disadvantages

·         Lack of backward compatibility

·         Lack of support for the touch based interfaces

Supported browsers:

·         Chrome

·         Safari 5

·         IE9

·         Fire fox 4

·         Opera

New features in the HTML5:

·         New elements:

Element	Description	Example
Article	The HTML tag is used to represent an article	Here
Aside	used to represent content that is related to the surrounding content within an article or web page, but could still stand alone in its own right	Here
Audio	To specify audio on an HTML document	Here
canvas	this tag is used for creating graphics on the fly. It can be used for rendering graphs, game graphics, or other visual images.	Here
command	defines a command button, like a radiobutton, a checkbox, or a button.	Here
Datalist	tag is used for providing an "autocomplete" feature on form elements	Here
details	specifies additional details that the user can view or hide on demand	Here
embed	embedding an external application or interactive content into an HTML document	Here
Figcaption	tag is used to provide a caption when using the figure tag.	Here
Figure	used for annotating illustrations, diagrams, photos, code listings, etc	Here
Footer	used for defining the footer of an HTML document or section	Here
Header	tag represents a group of introductory or navigational aids	Here
hgroup	The HTML tag is used for defining the header of an HTML document or section. More specifically, it is used to group a set of - elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.	Here
Keygen	tag is used for generating a key pair.When the control's form is submitted, the private key is stored in the local keystore, and the public key is packaged and sent to the server.	Here
Mark	tag is used for indicating text as marked or highlighted for reference purposes, due to its relevance in another context.	Here
Meter	tag is used for indicating a scalar measurement within a known range, or a fractional value.	Here
nav	tag is used for declaring a navigational section of the HTML document.	Here
Output	used for representing the result of a calculation, such as one performed by a script	Here
Progress	tag is used for representing the progress of a task	Here
Rp	ruby annotations for the benefit of browsers that don't support ruby annotations	Here
Rt	marks the ruby text component of a ruby annotation	Here
ruby	used for specifying Ruby annotations, which is used in East Asian typography	Here
section	used to represent a section within an article	Here
Source	used to specify multiple media resources on media elements	Here
Summary	The HTML tag specifies a summary/caption that can be used in conjunction with the HTML5 tag. This summary/caption can be clicked on to expand/collapse the details as required.	Here
Time	used for declaring the date and/or time within an HTML document	Here
video	used to specify video on an HTML document	Here
Wbr	used for specifying a line break opportunity	Here

·         New types of form controls

1.    dates and times

2.     Email

3.    url

4.     Search

5.     Color

·         New attributes:

1.    charset (on meta),

2.     async (on script)

·         Global attributes

1.    Id

2.    Tabindex

3.    hidden, data-* (custom data attributes)

·         Deprecated elements:

acronym, applet, basefont, big, center, dir, font, frame, frameset,isindex, noframes, s, strike, tt, u

New API:

·         canvas element 

·          Timed media playback

·         Offline storage database

·         Document editing

·         Drag-and-drop

·         Cross-document messaging

·         Browser history management

·         MIME type and protocol handler registration.

·         Micro data

Error handling: An HTML5 (text/html) browser will be flexible in handling incorrect syntax. HTML5 is designed so that old browsers can safely ignore new HTML5 constructs

Will the HTML5 kill Flash and silver Light?

HTML5 is still under development .It take some time to standardize and adopt this new technology

Sliver Light advantages

·         A richer and faster programming model(C#)

·         3-D

·         Out of browser capabilities

Flash Advantages:

·         Installed on the 98% of the computers

·         Easy of development as it is existed from the fast 10years

References:

Wikipedia

Quick IT