Example

A simple <header> tag that open PNLdev.com link:

Laboratory

description & Usage

The <header> tag creates a section in html documents where we can include the introductory content of a page or several navigation links.

The <header> tag contains values such as:

  1. One or more heading tags that include <h1>-<h2>-<h3>-<h4>-<h5><h6>
  2. Icon, logo
  3. Information about the person who placed the desired text on the site.

Notes

Note: We can use multiple <header> tags anywhere in the html document, but we must keep in mind that the <header> tag cannot be used in the <footer> and <address> tags.

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
<header>

Global Attributes

The header tag supports the HTML Global Attributes.

Event Attributes

The header tag supports the HTML Event Attributes.

Default CSS

Most browsers will display the header tag with the following default style: