title: In HTML5, can the <header> and <footer> tags appear outside of the <body> tag?
body: <p>I'm currently using the above tags in this way (classic tag order):</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;...&lt;/head&gt;
    &lt;body&gt;
      &lt;header&gt;...&lt;/header&gt;
      &lt;section&gt;...&lt;/section&gt;
      &lt;footer&gt;...&lt;/footer&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Tag usage and specifications were very rigid in previous versions of HTML (4.x), while HTML5 doesn't really need <code>&lt;head&gt;</code> and even <code>&lt;body&gt;</code> tags.</p>
  
  <p>So I would use the following structure, which IMHO is much more semantic than the previous one.</p>
  
  <pre><code>&lt;html&gt;
    &lt;header&gt;...&lt;/header&gt;     &lt;!-- put header and footer outside the body tag --&gt;
    &lt;body&gt;
      &lt;section&gt;...&lt;/section&gt;
      &lt;section&gt;...&lt;/section&gt;
      &lt;section&gt;...&lt;/section&gt;
    &lt;/body&gt;
    &lt;footer&gt;...&lt;/footer&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What do you think?</p>