title: It is semantically correct to use <header> inside <section>?
body: <p>All examples I found on Internet refers to using <code>&lt;h1&gt;</code> inside <code>&lt;section&gt;</code>, but nothing related to the use of <code>&lt;header&gt;</code> element.</p>
  <p>It's valid HTML5, but what about semantics?</p>
  <p>Maybe I'm misusing the <code>&lt;section&gt;</code> element, for the completeness here is my use case:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;main role=&quot;main&quot;&gt;
    &lt;header&gt;page header&lt;/header&gt;
    &lt;section id=&quot;cookiesPolicy&quot;&gt;
      &lt;header&gt;
        &lt;h1&gt;Cookies Policiy&lt;/h1&gt;
      &lt;/header&gt;
      &lt;div&gt;Bla bla bla bla bla bla bla&lt;/div&gt;   
    &lt;/section&gt;    
    &lt;footer&gt;page footer&lt;/footer&gt;
  &lt;/main&gt;
  </code></pre>