These are semantic HTML tags used to define different parts of a web page. They help organize content and make the structure clear for both developers and browsers.
<header> Tag
The <header> tag is used to define the top section of a webpage or a section. It usually contains the website title, logo, or navigation menu.
Example of Header
<header> <h1>My Website</h1> </header>
<footer> Tag
The <footer> tag is used to define the bottom section of a webpage. It often contains copyright information, contact details, or links.
Example of Footer
<footer> <p>© 2026 My Website</p> </footer>
<section> Tag
The <section> tag is used to group related content together. It helps divide the webpage into meaningful parts.
Example of Section
<section> <h2>About Us</h2> <p>This section contains information about our company.</p> </section>
Why These Tags are Important
These tags improve the structure and readability of your code. They also help search engines and screen readers understand your content better.
Summary
The <header> tag defines the top part of a page, the <footer> tag defines the bottom part, and the <section> tag groups related content. Together, they create a well-structured and meaningful webpage.