HTML5 includes bunch of new elements for drawing graphics, adding media content, better page structure, better form handling, and several APIs to drag/drop elements, find Geolocation, include web storage, application cache, web workers, etc.
HTML5 brings many new elements to allow developers to make their web page more easily understood by search engines, display data in different sections such as header, footer, navigation, artical, section etc.
In earlier version of HTML, in order to add media contents such as video or play audio clips you require to write complex JavaScript code or browser plug-ins like Flash and Silverlight to handle them.
With the help of new HTML5 tags you can achieve all this without writing complex Javascript code. Here are new tags in HTML5 that will make it easier for you to write your Web Sites.
| Tag Name | Description |
|---|---|
| <article> | This is used to represent text as article. |
| <aside> | This is used to represent content aside from the page content. |
| <audio> | This is used to represent sound content in web page. |
| <canvas> | This is used to represent graphics on the fly, via scripting (usually JavaScript). |
| <datalist> | This is used to represent a list of pre-defined options for input controls. |
| <embed> | This is used to represent a container for an external application or interactive content (a plug-in). |
| <figcaption> | This is used to represent a caption for a <figure> element. |
| <header> | This is used to represent a header for a document or header section. |
| <footer> | This is used to represent a footer for a document or footer section. |
| <hgroup> | This is used to represent a heading groups, a set of <h1> to <h6> elements when a heading has multiple levels. |
| <command> | This is used to represent a command button that a user can invoke. |
| <figure> | This is used to represent self-contained content, like illustrations, diagrams, photos, code listings, etc. |