title: How to properly use h1 in HTML5
body: <p>Which of the following is the correct way to structure a page:</p>
  
  <p><strong>1) <code>h1</code> only in <code>header</code></strong></p>
  
  <pre><code>&lt;header&gt;
      &lt;h1&gt;Site title&lt;/h1&gt;
      &lt;nav&gt;...&lt;/nav&gt;
  &lt;/header&gt;
  &lt;section&gt;
      &lt;h2&gt;Page title&lt;/h2&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>If I use <code>h1</code> exclusively inside <code>header</code> as the site's title, every page will have the same content for the <code>h1</code> tag. That doesn't seem very informative.</p>
  
  <hr>
  
  <p><strong>2) <code>h1</code> in <code>header</code> and <code>section</code>, for both site and page title</strong></p>
  
  <pre><code>&lt;header&gt;
      &lt;h1&gt;Site title&lt;/h1&gt;
      &lt;nav&gt;...&lt;/nav&gt;
  &lt;/header&gt;
  &lt;section&gt;
      &lt;h1&gt;Page title&lt;/h1&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>I've also seen examples of using <code>h1</code> more than once, in both <code>header</code> and <code>section</code> tags. However, isn't it wrong to have two titles for the same page? This example shows multiple header and <code>h1</code> tags <a href="http://orderedlist.com/resources/html-css/structural-tags-in-html5/">http://orderedlist.com/resources/html-css/structural-tags-in-html5/</a></p>
  
  <hr>
  
  <p><strong>3) <code>h1</code> only in <code>section</code>, emphasizing the page title</strong></p>
  
  <pre><code>&lt;header&gt;
      &lt;p&gt;Site title&lt;/p&gt;
      &lt;nav&gt;...&lt;/nav&gt;
  &lt;/header&gt;
  &lt;section&gt;
      &lt;h1&gt;Page title&lt;/h1&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Lastly, W3 seems to recommend using <code>h1</code> within the main <code>section</code> element, does that mean I shouldn't use it in the <code>header</code> element?</p>
  
  <blockquote>
    <p>Sections may contain headings of any rank, but authors are strongly
    encouraged to either use only h1 elements, or to use elements of the
    appropriate rank for the section's nesting level.</p>
  </blockquote>