can u help me in html5 vs html

HTML5 is the next evolution of html. It improves on the html standard by adding "self describing" tags that provide semantic clues to their purpose.

It also adds more capabilities to form elements - specifically with new "input" field elements such as type="email", type="tel" which more accurately describe their functions vs traditional <input type="text"...> fields).

One of my favorite new html5 additions is the new "Placeholder" attribute. It allows the designer/developer to include default "hint" text withing input fields, all without requiring javascript.

For example: <input type="email" placeholder="Enter Your Best Email Here" />

The above snippet would previously require javascript to place the hint text into the input field and remove it on focus. With html5, its built in without requiring script.

Without question, the most powerful new tag, <canvas>, promises to bring web interactivity to a whole new level, even beyond what Flash could provide and its supported and embraced by all major vendors, including Apple, Google and Microsoft.

HTML5, coupled with javascript and CSS3 provide a robust application development platform that is fundamentally transforming the web into a more interactive experience, and bringing the power of desktop applications to the web browser.

Some of the more useful tags for designer/developers include:

1) <header> - denotes the header section of the web page which typically contains a logo element and one or more navigation elements.

2) <nav> - denotes a navigation element

3) <article> - denotes a content section (such as post or page content). A page can have more than one article, such as a blog index page, but usually one article element per page is common.

4) <footer> - denotes the footer section of a page. Typically contains a nav element as well as copyright info.

5) <aside> - denotes a subsection of content that is complementary to the main section (eg, a sidebar)

Prior to these tags, designers were left to mark up sections of our pages almost exclusively with generic "div" tags. These are still used, but now we have these more descriptive tags to use.

These new html5 tags allow the page to "self describe" its content which is extremely powerful for the growing number of devices and appliances that are able to read web pages. It will also help browser & device vendors to more efficiently parse pages and result in speedier performance.

This is just a brief overview of the nuts and bolts of html5. Check out "html5 doctor" and Smashing Magazine's HTML5 section for more...

<section> also works well with the <article> element if you're segmenting different areas of text, which are of less importance than a full article. The main focus of HTML5 is to describe your content better than any other previous implementation of HTML. HTML5 stresses that any and all design elements should be handled by CSS3 instead of within the HTML5 Doc. So, try to steer away from any spans or adding any style through HTML5.