title: Should sidebars be inside <main>?
body: <p>I'm unsure about the <code>&lt;main&gt;</code> element's relation to a site's sidebar, and would appreciate some guidance, or at least communal majority consensus. ;) Given the following page elements:</p>
  
  <pre><code>&lt;body&gt;
      &lt;header&gt;Logo and stuff&lt;/header&gt;
      &lt;nav&gt;Main Nav&lt;/nav&gt;
      ...
      &lt;footer&gt;Copyright blah&lt;/footer&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>How should the <code>&lt;main&gt;</code> element and a sidebar element be arranged, if replacing the <code>...</code>?</p>
  
  <p>Option 1:</p>
  
  <pre><code>&lt;main&gt;
      &lt;article&gt;...&lt;/article&gt;
      &lt;div class='sidebar'&gt;Sidebar&lt;/div&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>Option 2:</p>
  
  <pre><code>&lt;main&gt;
      &lt;article&gt;...&lt;/article&gt;
  &lt;/main&gt;
  &lt;div class='sidebar'&gt;Sidebar&lt;/div&gt;
  </code></pre>
  
  <p>Option 3:</p>
  
  <pre><code>  #####
   #     #
         #
      ###
      #
  
      #
  </code></pre>