title: Can someone explain the correct usage of the h1 tag?
body: <p>In html4 headings are what create structure, however in html5 structuring elements do, but this algorithm isn't supported yet, so the html4 way of creating structure is used currently. This is leading to some conflicting nuanced information on the h1, I'm hoping to get cleared up. From my understanding in html4 there should only be one h1 tag and it should represent the title tag of the page. However I have also heard you can have multiple h1 tags in html5 because they represent the structuring element, similar to how you can have multiple headers and footers on a page, is this true? If so when html5 structuring is supported does this mean html4 style heading structuring is no longer valid?</p>
  
  <pre><code>  &lt;section&gt;
        &lt;article&gt;
            &lt;header&gt;&lt;h1&gt;cats&lt;/h1&gt;&lt;/header&gt;
        &lt;/article&gt;
        &lt;article&gt;
            &lt;header&gt;&lt;h1&gt;dogs&lt;/h1&gt;&lt;/header&gt;
        &lt;/article&gt;
    &lt;/section&gt;
  </code></pre>