HTML - Header (element)

About

The header in html is an element which principal use is to group ancillary information around the top level heading (ie h1).

It may (not required)

The header element is not a section element and therefore doesn't take part in the outline algorithm.

Example

Specification's header

<section>
	<header>
	 <p>Welcome! <a href="#">This is home of...</a></p>
         <hgroup>
               <h1><a href="#">The Falcons!</a></h1>
               <h2>Living — Last Updated 19 October 2015</h2>
         </hgroup>
	 <p><a href="#">The Lockheed Martin multirole jet
	 fighter aircraft!</a> This page discusses the F-16 Fighting
	 Falcon's innermost secrets.</p>
        <dl>
            <dt>Participate:</dt>
            <dd><a href="https://github.com/whatwg/fullscreen">GitHub whatwg/fullscreen</a></dd>
            <dt>Commits:</dt>
            <dd><a href="https://github.com/whatwg/fullscreen/commits">GitHub whatwg/fullscreen/commits</a></dd>
       </dl>
	</header>
	....
</section>

Other

<body>
 <header>
  <h1>Little Green Guys With Guns</h1>
  <nav>
   <ul>
    <li><a href="/games">Games</a>
    <li><a href="/forum">Forum</a>
    <li><a href="/download">Download</a>
   </ul>
  </nav>
  <h2>Important News</h2> <!-- this starts a second subsection -->
  <!-- this is part of the subsection entitled "Important News" -->
  <p>To play today's games you will need to update your client.</p>
  <h2>Games</h2> <!-- this starts a third subsection -->
 </header>
 <p>You have three active games:</p>
 <!-- this is still part of the subsection entitled "Games" -->

Documentation / Reference





Discover More
CSS - 'Run in' Boxes

A run-in box behaves as follows: If the run-in box contains a block box, the run-in box becomes a block box. If a sibling block box (that does not float and is not absolutely positioned) follows the...
CSS - Block Level (element|box)

Block-level refers to the (HTML) elements that are formatted visually as blocks. See for more information: Except for table boxes, and replaced elements, a block-level box can also be a block container...
CSS - Block container box

A block container box is just a container of boxes created from HTML container element and rendered as a block box. It cancontains either: only block-level boxes (generated from elements) or establishes...
HTML - (Flow|Body) Content

Most elements that are used in the body of documents and applications are categorized as flow content. Flow content consists of flow elements intermixed with normal character data. (ifbodhead...
HTML - Article Element

article is an element that represents a section of content that forms an independent part of a document or site; For example: a magazine a newspaper article, or a blog entry. This is a more...
Html Heading Sequentiel Order
HTML - Heading Content (Section Header) - Heading Elements (H1 to H6)

Heading define the structure / outline / table of content of the document (page) They are defined via: the heading element (h1/h6) via the aria heading role section of the document letter, the...
HTML - Palpable content

As a general rule, elements whose content model allows any flow content or phrasing content should have at least one node in its contents: that is palpable content (Can be manipulated ?) and that...
HTML - Sections (Sectioning Content Element)

Sectioning content or sectioning element are elements that creates a logical section A section in HTML logically groups content by thematic. Each section can have one heading or a group of heading associated...
HTML - Subheading / Subtitle / SupTitle / Tagline / Slogan

This page is the HTML Markup for subheadings, alternative titles or taglines Note that before the creation of the hgroup element, HTML did not have any dedicated tag. This article shows you...
How to create a table of content in HTML ?

This page talks the creation of a Table of content in html. The TOC is created generally with a nav element net below the header of your article (ie main content). The table of content can be added...



Share this page:
Follow us:
Task Runner