HTML Semantic Elements

Semantic HTML elements clearly describe their meaning to both the browser and the developer.

Common Semantic Elements

Article

<article>
  <h2>Blog Post Title</h2>
  <p>Content...</p>
</article>

Section

<section>
  <h2>Section Heading</h2>
  <p>Section content...</p>
</section>

Nav

<nav>
  <ul>
    <li><a href="/">Home</a></li>
    <li><a href="/about">About</a></li>
  </ul>
</nav>

Benefits

• Better SEO
• Improved accessibility
• Easier to read and maintain