1. <video> and <audio>
2. <input> type attributes
The <canvas> tag gives your page a bitmapped surface to work on; it is similar to GDI+ or .NET Image object. Although layers should be replicated using multiple canvas objects on top of each other. But it’s a good way to build graphs and charts which was a weak point in the earlier versions of HTML.
4. <header> and <footer>
These tags are new semantic tags. These two tags render a div to display the important things related to your page. But they give you a long term benefits in terms of you search engine optimization efforts. So the search engines will be able to differentiate between normal contents and important things which are not actual contents.
5. <article> and <section>
These two tags are also semantic tags which will enhance your site’s search engine visibility. You can compose articles with multiple sections as well as a section can have multiple articles. Article is a block of contents. If we consider a blog, the main page will have a listing section for all the posts and each post will be an article with a section for the actual post and other section for comments.
8. <figure> and <figcaption>
<figure> is the container for image content and <figcaption> (the inner tag for <figure> tag) provides a caption for the contents of the <figure> tag. You may have multiple images within <figure> tag showing sales for the last four years and a <figcaption> tag showing text ‘Sales growth, 2009 – 2012’
9. <progress>and <meter>
These two tags are very much similar in terms of semantic meanings and they may look alike on the browser in many cases. We can use the <progress> tag to measure the completeness of a task. We can set the indeterminate mode for this tag in order to measure something unknown e.g. searching a DB. The <meter> tag is for measurement of values such as quantity, thermometer etc.