HTML <header> Tag

The header tag is an HTML element that defines a header in an HTML page, typically including a logo, search form, and introductory information.

The <header> element is a container for introductory material or a collection of navigational links.

A <header> element often comprises the following components: one or more heading elements (<h1> — <h6>), a logo or icon, and authorship information.

It's worth noting that you can have many <header> elements in a single HTML page. <header>, on the other hand, cannot be inserted within a <footer>, an <address>, or another <header> element.

Syntax

<header> Contents here...</header>

Example

<!DOCTYPE html>
<html>
<body>

<article>
  <header>
	<h1>A heading here</h1>
	<p>Posted by Mark Lambert</p>
	<p>Some additional information here</p>
  </header>
  <p>Starbucks spends more on health care insurance for its employees ($300 million) than on coffee beans.</p>
</article>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<header>	5.0	4.0	5.0	9.0	11.1

<head>

<hr>

HTML <header> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us