Layout Tags

In HTML 5, the new layout tags will allow you to define all the sections of the WebPages as a layout area even without the need of div tag to define them. Header tag surrounds the header and nav tag surrounds navigation. Just use these tags normally just like div tags.

Article – is the main content in WebPages

Aside – extra content

Footer – is a footer for a page

Figure – is a peripheral content along with the caption

Header – header of the page

Section – any portion or section of the page

Nav – page navigation

Multimedia Content

HTML 5 attempts to make the both audio and video to add to a webpage. By providing the specific tags for both the video and audio, it can be put on the WebPages.

Audio – audio stream is denoted

Source – source files for both audio and video

Video – video stream is denoted

Web Applications and DHTML or Ajax

The HTML 5 adds some of the tags to the language specifically for the Web applications, DHTML and Ajax. More hooks are given to the scripting languages by these tags and for the browsers, it provides framework in order to deliver the application data.

Canvas – it is a place where dynamic graphics could be drew

Command – This denotes a command button, which has the information sent to the script or server

Datagrid – it is a references dynamic data in tabular data form or in a tree form

Datalist- list of data is referenced in the drop-down list

Details- this provides additional details of any page element

Output – this references the output or calculation of a script

Progress – this represents a progress bar

Ruby Annotations

Ruby is a short run of the text alongside a base text and is typically used in the East Asian documents in order to indicate short annotation or to indicate pronunciation. Through the help of three tags, HTML 5 provides access to ruby.

rp – this is a Ruby parenthesis for the user-agents that cannot handle ruby

rt- it is a Ruby text,

ruby –this is a span of the ruby annotation

Some of the other new tags

There are some new tags that will help you to mark the HTML effectively. These tags help the browsers to know exactly what different elements are there on the page.

Dialog – people talking or a conversation

hgroup – it is a grouping of header tags that must stay altogether

Mark – it is a text that has been marked for many reference purposes

Meter – it is a scalar gauge of a measurement

time – time or date