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>