title: How to correctly use "section" tag in HTML5?
body: <p>I'm trying to build a layout in HTML5 and after reading several different articles I'm just confused. I'm trying to get some input on how it should be used.</p>
  
  <p>Below is the variations I'm going back and forth with:</p>
  
  <p>1) </p>
  
  <pre><code>&lt;section id="content"&gt;
        &lt;h1&gt;Heading&lt;/h1&gt;
        &lt;div id="primary"&gt;
           Some text goes here...
        &lt;/div&gt;
     &lt;/section&gt;
  </code></pre>
  
  <p><strong>Can you use the section tag to act like a container?</strong></p>
  
  <p>2)</p>
  
  <pre><code> &lt;div id="content"&gt;
        &lt;h1&gt;Heading&lt;/h1&gt;
        &lt;section id="primary"&gt;
           &lt;article&gt;
              &lt;h2&gt;Post Title&lt;/h2&gt;
              &lt;p&gt;Some text goes here...&lt;/p&gt;
           &lt;/article&gt;
        &lt;/section&gt;
        &lt;section id="primary"&gt;
           &lt;article&gt;
              &lt;h2&gt;Post Title&lt;/h2&gt;
              &lt;p&gt;Some text goes here...&lt;/p&gt;
           &lt;/article&gt;
        &lt;/section&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p><strong>What is the correct method to use the <code>&lt;section&gt;</code> tag?</strong></p>