etc. are semantic elements because they clearly define their content. HTML5 semantic elements are supported by all major browsers.
Why to use semantic elements? In HTML4, developers have to use their own id/class names to style elements: header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav, etc.
This is so difficult for search engines to identify the correct web page content. Now in HTML5 elements ( ), this will become easier. It now allows data to be shared and reused across applications, enterprises, and communities."
Semantic elements can increase the accessibility of your website, and also helps to create a better website structure.
Semantic Elements in HTML5
Index
Semantic Tag
Description
1.
Defines an article
2.
Defines content aside from the page content
3.
Defines additional details that the user can view or hide
4.
Defines a caption for a element
5.
Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc.
6.
Defines a footer for a document or section
7.
Specifies a header for a document or section
8.
Specifies the main content of a document
9.
Defines marked/highlighted text
10.
Defines navigation links
11.
Defines a section in a document
12.
Defines a visible heading for a element
13.
Defines a date/time
Some important semantic elements in HTML5 HTML5 Element HTML element defines article content within a document, page, application, or a website. It can be used to represent a forum post, a magazine, a newspaper article, or a big story.
Example:
Test it Now HTML5 The element represent the content which is indirectly giving information to the main content of the page. It is frequently represented as a sidebar.
Example:
Test it Now HTML5 The element is used to represent the standalone section within an HTML document. A page can have various sections and each section can contain any content, but headings for each section is not mandatory.
Example:
Test it Now Nesting tag in We know that the element specifies independent, self-contained content and the element defines section in a document.
In HTML, we can use elements within elements, and elements within
We can also use elements within elements, and elements within elements.
For example: In a newspaper, the sport in the sport section, may have a technical section in each .
HTML5 Element The HTML element is used to define a set of navigation links.
Example:
Test it Now HTML5 The element represent the header of the document which can contain introductory content or navigation links.
Example:
Test it Now HTML5 The tag defines the footer of an HTML document or page.
Example:
Test it Now 
