In this section, we will learn what <header> element is and how to use it.

Headers for Web Pages: What is <header> Tag in HTML?

HTML <header> element is considered as a container element. This means we use it to group a set of related elements.

But what are these elements?

Well, navigational elements to begin with! Navigational elements are typically those elements that link pages of a website to each other! For example, in many websites, there are typically a menu bar on top of pages and it contains links like “Home”, “Products”, “Services”, “Articles” etc. which if click, it will head us towards other parts of that website.

These links are considered navigational and so are part of the header of that page.

Other than that, sometimes we can use <header> elements in articles to group introductory content.

HTML <header> Tag Syntax:

<header> </header>

Example: using <header> tag in HTML

See the Pen using <header> tag in HTML by Omid Dehghan (@odehghan) on CodePen.