HTML Semantic Elements

 HTML Semantic Elements

HTML5 introduced semantic elements that provide a clearer structure and meaning to the content of a web page. Here are some commonly used semantic elements:

<header>

  <h1>Website Title</h1>

  <nav>

    <ul>

      <li><a href="#">Home</a></li>

      <li><a href="#">About</a></li>

      <li><a href="#">Services</a></li>

      <li><a href="#">Contact</a></li>

    </ul>

  </nav>

</header>

<main>

  <article>

    <h2>Article Title</h2>

    <p>Article content goes here...</p>

  </article>

</main>

<footer>

  <p>&copy; 2023 My Website. All rights reserved.</p>

</footer>