title: HTML5 semantics for multiple nav elements?
body: <p>I'm learning HTML5 and have been given a project of converting CSS Zen Gardens into a HTML5 semantic version. I've been able to convert most of it with ease, however the links / navigation at the bottom are giving me some problems. <br/>What would be the best way of converting this / handling multiple navigations?</p>
  
  <pre><code>&lt;div id="linkList2"&gt;
       &lt;div id="lselect"&gt;
            &lt;h3 class="select"&gt;&lt;span&gt;Select a Design:&lt;/span&gt;&lt;/h3&gt;
            &lt;ul&gt;
            &lt;!-- Links --&gt;
            &lt;/ul&gt;
       &lt;/div&gt;
       &lt;div id="larchives"&gt;
            &lt;h3 class="archives"&gt;&lt;span&gt;Archives:&lt;/span&gt;&lt;/h3&gt;
            &lt;ul&gt;
            &lt;!-- Links --&gt;
            &lt;/ul&gt;
       &lt;/div&gt;
       &lt;div id="lresources"&gt;
            &lt;h3 class="resources"&gt;&lt;span&gt;Resources:&lt;/span&gt;&lt;/h3&gt;
            &lt;ul&gt;
            &lt;!-- Links --&gt;
            &lt;/ul&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>At the moment I'm torn between thinking linkList2 should be a section, and each of the child div elements should be nav elements, or that linkList2 should be a nav, with the child div elements being sections.</p>