Pages

Saturday, April 7, 2012

HTML 5

Fast forward to 2008, HTML5 is gaining momentum.HTML 5 is latest version of  the HTML tag system. The origin of HTML history ran to late 1990.In this article related to HTML 5. It offers new features to provide not only rich media support but also enhanced support for creating web applications that can interact with the user, his or her local data, and servers more easily and effectively.
HTML5 time line
  • January 2009: Remy Sharp creates the first distributable script for enabling HTML5 element use in IE.
  • June 2009: Faruk Ateş includes the html5shiv in Modernizr's initial release.
  • February 2010: A ragtag team of superstar JavaScript developers including Remy, Kangax, John-David Dalton, and PorneL collaborate and drop the filesize of the script.
  • March 2010: Mathias Bynens and others notice the shiv doesn't affect pages printed from IE. It was a sad day.
  • April 2010: Jonathan Neal answers the challenge with the IE Print Protector (IEPP), which captured the scope of the html5shiv but also added in support for printing the elements as well, through clever use of the onbeforeprint & onafterprint events, along with a faux DOM reconstruction.
  • April 2010: Remy replaces the legacy html5shiv solution with the new IEPP.
  • August 2010: JD Bartlett introduced the innerShiv, which is necessary for shiv'ing content going in via innerHTML.
  • February 2011: Alexander Farkas carries the torch, moving the IEPP project to github, adding a test suite, fixing bugs, and improving performance.
  • April 2011: IEPP v2 comes out. Modernizr and the html5shiv inherit the latest code. Meanwhile developers everywhere continue to use HTML5 elements in a cross-browser fashion without worry. 
The new structural elements
  • <header>
    The header element contains introductory information to a section or page. This can involve anything from our normal documents headers (branding information) to an entire table of contents.
  • <nav>
    The nav element is reserved for a section of a document that contains links to other pages or links to sections of the same page. Not all link groups need to be contained within the <nav> element, just primary navigation.
  • <section>
    The section element represents a generic document or application section. It acts much the same way a
    <div> does by separating off a portion of the document.
  • <article>
    Mark up parts of the content that is independent, for instance blog post, article etc.
  • <aside>
    Aside, represents content related to the main area of the document. This is usually expressed in sidebars that contain elements like related posts, tag clouds, etc. They can also be used for pull quotes.
  • <footer>
    The footer element is for marking up the footer of, not only the current page, but each section contained in the page. So, it’s very likely that you’ll be using the <footer> element multiple times within one page.
  • <hgroup>
    Used for grouping several headers, for instance, a main heading and a sub-heading.

When comes to browser compatibility of HTML 5, html5 is a newly came tag system to the web. Because of that certain browsers older versions  doesn’t support html 5 (eg: internet explorer 6-8).as well as some current browsers doesn’t support some element of html 5. Firefox and Chrome are the most compatible browsers for the html5.
Do you want to more information about html 5 browser compatibility .visit following websites. You can get real idea about HTML 5 browser compatibility.

HTML5 is going to bring exciting scripted programming to the web browser. Following are links to HTML5 demo sites that you can start looking at to educate yourself on this new standard.
    * HTML5 Examples
    * HTML5 Canvas Examples
    * HTML5 Canvas
    * Asteroids



References