How is the page structure of HTML 5 different from HTML 4 or previous HTML?

Question

How and When is it used?

Answer 1

A typical web page has headers, footers, navigation, central area and side bars. Now if we want to represent the same in HTML 4 with proper names to the HTML section we would probably use a DIV tag.
But in HTML 5 they have made it more clear by creating element names for those sections which makes your HTML more readable.

Credit: http://techbirds.in/how-is-the-page-structure-of-html-5-different-from-html-4-or-previous-html/

Answer 2

Below are more details of the HTML 5 elements which form the page structure.

: Represents header data of HTML.
: Footer section of the page.
: Navigation elements in the page.
: Self-contained content.
: Used inside article to define sections or group content in to sections.
: Represent side bar contents of a page.