HTML5 Semantic Elements

HTML5 introduced semantic sectioning elements that communicate page structure to browsers and assistive technologies: <header>, <nav>, <main>, <section>, <article>, <aside>, <footer>.

Example

<body>
  <header>
    <nav>...</nav>
  </header>
  <main>
    <article>
      <header><h1>Post Title</h1></header>
      <section>Introduction...</section>
      <section>Body content...</section>
    </article>
    <aside>Related links</aside>
  </main>
  <footer>Copyright 2024</footer>
</body>

HTML

Full Editor

Pro Tip

Each page should have exactly one

element — it is the primary content landmark.

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned