HTML goes back a long way which was first published as an Internet in year 1993 where as HTML5 takes a giant step toward the clean separation of presentation and content.

HTML5 is all about simplification and avoiding needless complexity. HTML5 is also designed to handle errors well, with a variety of improved and ambitious error handling plans.


Before we proceed further, let’s take a quick look at what’s new in HTML5.
In HTML4, the DOCTYPE written as:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

In HTML5, the DOCTYPE rewritten as:
<!DOCTYPE html>

In HTML4, the character set declaration written as:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

In HTML5, the character set declaration rewritten as:
<meta charset=”utf-8″>

In this article, we’ve listed out top 30 HTML5 Tags along with one-line description which can easily be styled with CSS:
S.NoHTML5 TagDescription
1<article>Defines an article
2<aside>Defines content aside from the page content
3<audio>Defines sound content
4<canvas>Define graphics
5<command>Defines a command button
6<datagrid>References dynamic data in a tree or tabular data form
7<datalist>Defines a dropdown list
8<details>Defines details of an element
9<dialog>Defines a conversation or people talking
10<embed>Defines external interactive content or plugin
11<figcaption>Defines the caption of a figure element
12<figure>Defines a group of media content, and their caption
13<footer>Defines a footer for a section or page
14<header>Defines a header for a section or page
15<hgroup>Defines information about a section in a document
16<keygen>Defines a generated key in a form
17<mark>Defines marked text
18<meter>Defines measurement within a predefined range
19<nav>Defines navigation links
20<output>Defines some types of output
21<progress>Defines progress of a task of any kind
22<rp>Defines browser substitute for unsupported ruby elements
23<rt>Defines explanation to ruby annotations
24<ruby>Defines ruby annotations
25<section>Defines a section
26<source>Defines media resources
27<summary>Defines the header of a detail element
28<time>Defines a date/time
29<video>Defines a video
30<wbr>Defines a possible line-break