HTML <header> Tag

The HTML <header> tag represents introductory content, typically a group of introductory or navigational aids. It is typically placed at the top of a section or document.

How does the <header> tag work?

The <header> tag is used to define a header for a document or section. It can contain headings, paragraphs, links, images, navigation menus, and other content that is considered to be the header of the document or section.

Example:

<header>
   <h1>Welcome to Our Website</h1>
   <nav>
      <a href="#home">Home</a>
      <a href="#about">About</a>
      <a href="#contact">Contact</a>
   </nav>
</header>

Attributes of the <header> tag:

Attribute	Description
align	Specifies the alignment of the header content. Possible values are left, center, right, or justify.
class	Specifies one or more class names for an element. Used to link the tag to a style in a CSS.
id	Specifies a unique id for the element. Used to select the element with a style in a CSS or manipulate it with JavaScript.