What is the role of the header, footer, section, and article tags?

The <header>, <footer>, <section>, and <article> tags are semantic HTML tags that help organize and structure content on a webpage. Roles and Examples of Tags: 1.<header>: This tag contains introductory content like titles and navigation links, usually at the top of the page. For example,<header> <h1>Welcome to Our Website</h1> </header> 2.<footer>: This tag is placed at the bottom of the page, typically for copyright information or additional navigation links. For example, <footer> <p>© 2024 Company Name</p> </footer> 3.<section>: This tag groups related content into sections, improving structure and navigation. For example, <section> <h2>About Us</h2> <p>Information about our services.</p> </section> 4.<article>: This tag represents self-contained content like blog posts or news articles. For example, <article> <h2>Latest Post</h2> <p>Overview of the post.</p> </article>