HTML5语义标记

我需要从下面的布局编写HTML5语义标记。HTML5语义标记

到目前为止，我的HTML代码如下。我不确定我拥有的是语义。有什么建议？

<body> 
    <header> 
     <h1>slogen+logo</h1> 
    </header> 
    <div id="login_or_register"></div> 
    <nav><!--main menu--> 
     <ul> 
      <li>home</li> 
      <li>about us</li> 
      <li>deals</li> 
     </ul> 
    </nav> 

    <select id=sort> 
     <option>new</option> 
     <option>price</option> 
     <option>discount</option> 
    </select> 

    <select id=main_sort_by> 
     <option>usa</option> 
     <option>england</option> 
     <option>japan</option> 
    </select> 

    <select id=main_sort_by> 
     <option>category1</option> 
     <option>category2</option> 
     <option>category3</option> 
    </select> 
    <section> 
     <article> 
      <p>our price</p> 
      <p>price</p> 
      <p>details</p> 
      <header> 
       <h1>deal title</h1> 
       <h2>deal description</h2> 
       <img src="" id="deal_image"/> 
      </header> 
      <footer> 
       <p>items left</p> 
       <p>end of the deal</p> 
      </footer> 
     </article> 

     <article> 
      <p>our price</p> 
      <p>price</p> 
      <p>details</p> 
      <header> 
       <h1>deal title</h1> 
       <h2>deal description</h2> 
       <img src="" id="deal_image"/> 
      </header> 
      <footer> 
       <p>items left</p> 
       <p>end of the deal</p> 
      </footer> 
     </article> 


    </section> 

    <aside> 
     <div id="newsletter"></div> 
     <div id="rss"></div> 
    </aside> 

    <footer></footer> 
</body>

Layout I am trying to markup