title: In HTML5, can you nest NAV elements?
body: <p>I have a site-wide main menu, which I'm currently using <code>&lt;nav&gt;</code> for. I also have a submenu, which is right under the main nav and is different for every <em>product</em> on the site. What's the best practice to handle this?</p>
  
  <p>Currently, I have a separate <code>&lt;div id="secondary-nav"&gt;</code> below the main nav. But since they're both within the <code>&lt;header&gt;</code> of the page, I was thinking about having a nested <code>&lt;nav&gt;</code> instead. Is this an OK practice in HTML5?</p>