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.
     


<h2>
article</h2>
<article>This is an example of article element</article>
<footer> : Used for main content of a document. 





     <footer>
      tutespace
      Contact info: <a href="https://www.blogger.com/tutespace.com"></a>
     </footer>

<nav> : Used for navigation links





 <nav>
         <a href="https://www.tutespace.com/angularjs/">angularjs</a> |
  <a href="https://www.tutespace.com/tutespace/">tutespace</a> |
  <a href="https://www.tutespace.com/vuejs/">vuejs</a> |
         <a href="https://www.tutespace.com/reactjs/">reactjs</a>
 </nav>
<section> : Used for a section in a document 





 <section>
   <h1>
Section</h1>
This is the section example
 </section>

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




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

<time> : Used for date/time 




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