以下に示すレイアウトから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>
