DONT ADD ANYTHING HERE!

  1. The header element represents a group of introductory or navigational aids
  2. A header element is intended to usually contain the section's heading (an h1-h6 element or an hgroup element), but this is not required
  3. The header element can also be used to wrap a section's
    1. table of contents
    2. search form
    3. any relevant logos

Notes

  1. The header element has an identical meaning to the site-wide banner

Example

HTML

<header>
    <a class="logo" href="">Cute Puppies Express!</a>
</header>

<article>
    <header>
        <h1 class="revert">Beagles</h1>
        <time>08.12.2014</time>
    </header>
    <p>
        I love beagles <em>so</em> much! Like, really, a lot. 
        They’re adorable and their ears are so, so snugly soft!
    </p>
</article>

CSS

.logo {
    height: 120px;
    align-items: center;
    justify-content: center;
    font:
        bold calc(1em + 2 * (100vw - 120px) / 100) 'Dancing Script',
        fantasy;
    color: #ff0083;
    text-shadow: #000 2px 2px 0.2rem;
    }

.revert {
    all: revert;
    }

Browser

Beagles

I love beagles so much! Like, really, a lot. They’re adorable and their ears are so, so snugly soft!

References

W3C: header
MDN: header