What are semantic tags in HTML5 ?

A semantic element clearly describes its meaning to both the browser and the developer.


Examples of non-semantic elements:

  • <div> and <span>
  • Tells nothing about its content.


Examples of semantic elements:

  • <form>, <table>, and <article>
  • Clearly defines its content.


Semantic Elements in HTML:

  • <article>
  • <aside>
  • <details>
  • <figcaption>
  • <figure>
  • <footer>
  • <header>
  • <main>
  • <mark>
  • <nav>
  • <section>
  • <summary>
  • <time>