title: Which is semantically better - <aside> or <footer> for site's 'extended footer'?
body: <p>Which would be semantically better markup for a site 'extended footer' <code>&lt;aside&gt;</code> or <code>&lt;footer&gt;</code>?  </p>
  
  <p>By 'extended footer', I'm referring to something like the extended footer on <a href="http://www.barzurkrestaurantbendigo.com.au/?utm_source=SO&amp;utm_medium=post&amp;utm_campaign=extendedfootersemanticsquestion" rel="noreferrer">this site</a> (containing the Contact Details and Opening Hours as opposed to the 'real' footer at the very bottom containing the copyright notice).  The content of the 'extended footer' would be general, site-wide and not specifically related to the content of the pages of the site.  </p>
  
  <p>According to the <a href="http://html5doctor.com/the-footer-element-update/" rel="noreferrer">spec quoted in HTML5Doctor</a>:</p>
  
  <blockquote>
    <p>The footer element represents a footer for its nearest ancestor
    sectioning content or sectioning root element. A footer typically
    contains information about its section such as who wrote it, links to
    related documents, copyright data, and the like.</p>
  </blockquote>
  
  <p>I would be inclined to implement something like</p>
  
  <pre><code>&lt;footer&gt;
      &lt;div id="extended-footer"&gt; &lt;!-- Sitemap, latest posts, contact details, etc. --&gt; &lt;/div&gt;
      &lt;div id="bottom-footer"&gt; &lt;!-- Copyright notice etc. --&gt; &lt;/div&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>However, I note that the <a href="http://html5doctor.com/the-footer-element-update/" rel="noreferrer">HTML5Doctor site</a> itself uses something like the snipped below:</p>
  
  <pre><code>&lt;aside id="extended-footer"&gt; ... &lt;/aside&gt;
  &lt;footer&gt; &lt;!-- similar to id-footer --&gt; &lt;footer&gt;
  </code></pre>
  
  <p>I do note though that the HTMLDoctor 'extended footer' seems to have some connection with the actual article / content (ie via the "Related Posts" section) so probably could be implemented as a <code>&lt;footer&gt;</code> within <code>&lt;main&gt;</code>.  </p>