HTML header Tag

HTML <header>Tag: The HTML header tag specifies a container for an introductory content. You can have several <header> elements in one document. The HTML<header>tag usually contains information such as logo, heading elements, authorship information etc. A <header> element typically contains:



  • one or more heading elements (<h1> – <h6>)
  • logo or icon
  • authorship information

HTML<header>Tag

This HTML<header>tag supports both the global and the event attributes. While the <header> element can also be used to wrap a section’s table of contents, a search form, or any relevant logos. And the <header> tag is a new tag in HTML5 and it requires a starting tag as well as an end tag. A <header> tag cannot be placed within a <footer>, <address> or another <header> element.

Syntax: <header> Text </header>

 Browser compatibility

The HTML<header>tag is supported by different types of browsers.

  • Chrome-6.0
  • Firefox-4.0
  • Opera-11.1
  • Safari-5.0
  • Internet Explorer-9.0

Example:

<!DOCTYPE html>
<html>
<body>
<article>
  <header>
    <h1>Freshersnow Tutorial</h1>
    <h3>Freshersnow Tutorial</h3>
    <h6>Freshersnow Tutorial</h6>
  </header>  
</article>
</body>
</html>

Output:

HTML header tag