title: Proper usage of HTML5 elements & structure
body: <p>I need to convert a PSD to HTML5/CSS. I'm having problems finding a definitive answer on what elements to use. My layout consists of a header, content/sidebar and footer. The template structure is below.</p>
  
  <p>I understand you can use multiple header / footer elements with HTML5, I've got the main header/footer tags. The main problem I'm having is with the structure of the content.</p>
  
  <p>I've got a main content area, and then a sidebar, the sidebar content doesn't really relate to the content. Within the sidebar I need to have multiple content boxes.</p>
  
  <p>The content area has various sections, mainly a featured image with text on, and then the rest is just the page text.</p>
  
  <p>From what I understand, using the <code>&lt;section&gt;</code> tag to define the content / sidebar isn't semantic as it's not content related, it's page structure / layout. Does my markup below look correct for the structure I'm trying to achieve?</p>
  
  <pre><code>    &lt;header&gt;
  
      &lt;/header&gt;
  
      &lt;div class="wrapper"&gt;
          &lt;div class="main"&gt;
              &lt;section id="featured-content"&gt;
                  &lt;img /&gt;
                  &lt;p&gt;Featured text&lt;/p&gt;
              &lt;/section&gt;
  
              &lt;section id="main"&gt;
                  &lt;header&gt;&lt;h2&gt;Title&lt;/h2&gt;&lt;/header&gt;
                  &lt;p&gt;The rest of content goes here&lt;/p&gt;
              &lt;/section&gt;
          &lt;/div&gt;
  
          &lt;aside class="sidebar"&gt;
              &lt;section class="content-box"&gt;
                  &lt;header&gt;Box title&lt;/header&gt;
                  &lt;p&gt;Box content&lt;/p&gt;
              &lt;/section&gt;
  
              &lt;section class="content-box"&gt;
                  &lt;header&gt;Box title&lt;/header&gt;
                  &lt;p&gt;Box content&lt;/p&gt;
              &lt;/section&gt;
          &lt;/aside&gt;
      &lt;/div&gt;
  
      &lt;footer&gt;
  
      &lt;/footer&gt;`
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/NM4lB.png" alt="enter image description here"></p>