Follow by Email

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>