title: preventing <nav> to appear as "untitled section" on html5 websites
body: <p>I'm trying to implement correct sectioning with html5 sectioning elements and headlines while achieving the design/layout, my customer has requested (including certain restrictions).</p>
  
  <p>The general layout will be something like this:</p>
  
  <pre><code>&lt;body&gt;
    &lt;header&gt;
      &lt;nav class="breadcrumbs"&gt;&lt;ol /&gt;&lt;/nav&gt;
      &lt;h1&gt;page title&lt;/h1&gt;
      &lt;p&gt;visual title&lt;/p&gt;
      &lt;p&gt;sponsor&lt;/p&gt;
      &lt;nav class="main_navigation"&gt;&lt;ul /&gt;&lt;/nav&gt;
    &lt;/header&gt;
    &lt;div class="main_content"&gt;
      &lt;article&gt;&lt;h2&gt;Article title&lt;/h2&gt;&lt;/article&gt;
      &lt;article&gt;&lt;h2&gt;Article title&lt;/h2&gt;&lt;/article&gt;
      &lt;article&gt;&lt;h2&gt;Article title&lt;/h2&gt;&lt;/article&gt;
      &lt;article&gt;&lt;h2&gt;Article title&lt;/h2&gt;&lt;/article&gt;
    &lt;/div&gt;
    &lt;footer&gt;Footer stuff&lt;footer&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>What I'm concerned with now is that if I use an <a href="http://gsnedders.html5.org/outliner/" rel="noreferrer">html5 outliner</a>, I get the breadcrumb nav and the main nav show up as untitled sections.
  Following a hierarchical headline structure, I can't give them headlines below h2 and naturally I wouldn't "title" them at all and hiding a headline with css to "title" them feels wrong.</p>
  
  <p>What's the best way to stay semantically correct, confirm to seo standards and prevent those  to appear as untitled sections?</p>