HTML <header> Element
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. |
Remember that the <header> tag should be used as the introductory content at the top of a document or section.