title: Is it considered 'bad practice' to use multiple header tags?
body: <p>Is using multiple <code>header</code> tags common practice when it comes to separating a main-header and a sub-header, or should you divide one header into two sections using <code>div</code>s?</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;header class="header--main-header"&gt;
      &lt;/header&gt;
      &lt;header class="header--sub-header"&gt;
      &lt;/header&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>As opposed to:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;header&gt;
        &lt;div class="header--main-header"&gt;
          &lt;!-- Main-Header Content --&gt;
        &lt;/div&gt;
        &lt;div class="header--sub-header"&gt;
          &lt;!-- Sub-Header Content --&gt;
        &lt;/div&gt;
      &lt;/header&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Would either of these methods be the "best-practice" way to achieve a website header and sub-header, or is there another approach that I'm missing?</p>