HTML5 Semantic elements

Semantic elements were introduced for more readability and with inbuilt CSS so that it becomes easy to use ex: <article>  it is more self-explanatory, so that it becomes easier for the developers to understand.

Below are the list of semantic elements:
<article> : used to define an article in a document.

<article>This is an example of article element</article>

<footer> : Used for main content of a document.

      Contact info: <a href=""></a>

<nav> : Used for navigation links

         <a href="">angularjs</a> |
  <a href="">tutespace</a> |
  <a href="">vuejs</a> |
         <a href="">reactjs</a>

<section> : Used for a section in a document

This is the section example

<summary> : Used for visible heading for a <details> element

      <summary>Copyright 1999-2014.</summary>
  All Rights Reserved.
  All content are owned by Tutespace.

<time> : Used for date/time

     <time datetime="2018-10-1 20:00">Tutesapce launched day</time>