HTML5 Semantic Tags Example | HTML Semantic Elements Example - EDUGYAN

byEduGyan August 11, 2021

HTML5 Semantic Tags Example - What is Semantic Elements in HTML - HTML Semantic Elements Example

semantic elements in html


HTML Semantic Elements or Semantic Tags:

HTML Semantic Elements or Semantic Tags are those that explains the actual meaning about the webpage documents or sections. In simple words, when we create a webpage or website, it contains many sections like header, navigation, footer and many more. so semantic elements in html provide semantic tags to use, create the best website and describe its meaning to both client or users and machine/browser.

Non-Semantic Elements are those that tell nothing about its contents. For example - <div>, <span> and Semantic Elements are those that tell or clearly defines its content. For example - <table>, <form>, <aside> etc.

Here, we describe some semantic elements that used to define or describe webpage parts/section:
  1. <article>
  2. <aside>
  3. <details>
  4. <figcaption>
  5. <figure>
  6. <footer>
  7. <header>
  8. <main>
  9. <mark>
  10. <nav>
  11. <section>
  12. <summary>
  13. <time>

Short Code:




Output:


semantic html output


Looking Forward:

 

For more details - HTML5 Semantic Tags Example - What is Semantic Elements in HTML - HTML Semantic Elements Example - Best Programming Videos on YouTube - EDUGYAN Channel


Tags

Post a Comment

0 Comments