title: Is it semantically correct to include two <nav> elements on a page for primary AND secondary navigation?
body: <p>My page has two sections where there are a "list of links". The first is the primary i.e. </p>
  
  <pre><code>&lt;nav&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="/"&gt;Homepage&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/testimonies.html"&gt;Testimonies&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/contact-us.html"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
          ...
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>This is a no brainer, ‘nav‘ is suitable here.</p>
  
  <p>The second list of links is a list of categories such as:</p>
  
  <pre><code>Rock Music
  Dubstep Music
  Dance Music
  Hip Hop Music
  Electro Music
  Classical Music
  ...
  </code></pre>
  
  <p>Is it semantically correct to use a  element for the secondary list?</p>