title: Header inside a header? (HTML5)
body: <p>This seems strange to me but oddly there is a reason to use a <code>&lt;header&gt;</code> inside a <code>&lt;header&gt;</code>.</p>
  
  <p>With the <a href="http://html5doctor.com/the-hgroup-element/" rel="nofollow"><code>&lt;hgroup&gt;</code> remove from the spec</a> I'm seem to be at a weird state with what I should/could be doing with a following bit of code.</p>
  
  <pre><code>&lt;header&gt;
      &lt;header&gt;
          &lt;h1&gt;Maecenas faucibus&lt;/h1&gt;
          &lt;p class="h1-sub"&gt;Donec sed odio dui.&lt;/p&gt;
      &lt;/header&gt;
      &lt;section&gt;
          &lt;img src="..." alt="faucibus"&gt;
          &lt;img src="..." alt="faucibus"&gt;
          &lt;img src="..." alt="faucibus"&gt;
      &lt;/section&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>This does all appear in the header portion of an <code>&lt;article&gt;</code> so I wonder if it does visually appear there then should I still define it as a <code>&lt;header&gt;</code> or should I wrap it all in something like:</p>
  
  <pre><code>&lt;section class="article-header"&gt;
      &lt;header&gt;&lt;h1&gt;...&lt;/h1&gt;&lt;p&gt;...&lt;/p&gt;&lt;/header&gt;
      &lt;section&gt;...&lt;/section&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I've not come across anything that said <code>&lt;header&gt;</code> couldn't be nesting inside itself and wondered if this was the same call where you can have <code>&lt;article&gt;</code> nested in itself if it made logical sense (so if something is grouped together makes sense but also still does by itself).</p>