title: Should <sections> have <articles> or should <articles> have <sections>?
body: <p>I'm reading Mark Pilgirm's "<a href="http://www.diveintohtml5.net/semantics.html" rel="noreferrer">Dive into HTML5</a>" and in the <a href="http://www.diveintohtml5.net/semantics.html#new-elements" rel="noreferrer">semantics section</a>, it talks about how HTML5 introduces the <code>&lt;article&gt;</code> and <code>&lt;section&gt;</code> elements. It says that <code>&lt;section&gt;</code>s represent a generic document or section, while <code>&lt;article&gt;</code>s represent a self-contained composition. I don't see a logically semantic parent-child relationship either way.</p>
  
  <p>I tried running the following code through the <a href="http://gsnedders.html5.org/outliner/" rel="noreferrer">HTML5 Outliner</a> and it seemed to indicate that the document outline comes out the same, no matter how they were nested. </p>
  
  <p>So my question is: should <code>&lt;section&gt;</code>s be nested inside <code>&lt;article&gt;</code>s, should <code>&lt;article&gt;</code>s be nested inside <code>&lt;secion&gt;</code>s, or does it not matter from a semantic view point? </p>
  
  <pre><code>&lt;section&gt;&lt;h1&gt;section article?&lt;/h1&gt;
    &lt;article&gt;&lt;h1&gt;art 1&lt;/h1&gt;&lt;/article&gt;
    &lt;article&gt;&lt;h1&gt;art 2&lt;/h1&gt;&lt;/article&gt;
    &lt;article&gt;&lt;h1&gt;art 3&lt;/h1&gt;&lt;/article&gt;
  &lt;/section&gt;
  
  &lt;article&gt;&lt;h1&gt;article section?&lt;/h1&gt;
    &lt;section&gt;&lt;h1&gt;sec 1&lt;/h1&gt;&lt;/section&gt;
    &lt;section&gt;&lt;h1&gt;sec 2&lt;/h1&gt;&lt;/section&gt;
    &lt;section&gt;&lt;h1&gt;sec 3&lt;/h1&gt;&lt;/section&gt;
  &lt;/article&gt;
  </code></pre>