title: Best HTML5 markup for sidebar
body: <p>I'm setting up my WordPress sidebars for an HTML5 theme and really wanting to use <code>before_widget</code> and <code>after_widget</code> right.</p>
  
  <p>So my question is this: which of the two markup patterns is more appropriate? The following code is all completely outside the <code>&lt;article&gt;</code> element.</p>
  
  <h2>Option 1: Aside with sections</h2>
  
  <pre><code>&lt;aside id="sidebar"&gt;
      &lt;section id="widget_1"&gt;&lt;/section&gt;
      &lt;section id="widget_2"&gt;&lt;/section&gt;
      &lt;section id="widget_3"&gt;&lt;/section&gt;
  &lt;/aside&gt;
  </code></pre>
  
  <h2>Option 2: Div with Asides</h2>
  
  <pre><code>&lt;div id="sidebar"&gt;
      &lt;aside id="widget_1"&gt;&lt;/aside&gt;
      &lt;aside id="widget_1"&gt;&lt;/aside &gt;
      &lt;aside id="widget_1"&gt;&lt;/aside &gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I suppose the auxiliary question is then what heading to use for each widget title. If I wrap each widget in a <code>&lt;section&gt;</code> then <code>&lt;h1&gt;</code> seems most appropriate. If I use <code>&lt;aside&gt;</code>, I'm not sure.</p>
  
  <p>All opinions welcome. Devil's advocates encouraged.</p>