Tag para seções em HTML
Os blocos do site podem ser agrupados em seções usando
a tag section:
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
É dado o seguinte código:
<div id="content">
<h1></h1>
<div class="section">
<h2></h2>
<p>
</p>
<p>
</p>
</div>
<div class="section">
<h2></h2>
<p>
</p>
<p>
</p>
</div>
</div>
Converta este código usando as novas tags que você estudou.
É dado o seguinte código:
<div id="wrapper">
<div id="header">
<div id="logo">
<img src="" alt="logo">
</div>
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="left">
<div class="section">
section
</div>
<div class="section">
section
</div>
<div class="section">
section
</div>
</div>
<div id="content">
<h1>main header</h1>
<div class="section">
<h2>section header</h2>
<div>
<p>
</p>
<p>
</p>
</div>
<div>
<p>
</p>
<p>
</p>
</div>
</div>
<div class="section">
<h2>section header</h2>
<div>
<p>
</p>
<p>
</p>
</div>
<div>
<p>
</p>
<p>
</p>
</div>
</div>
</div>
<div id="right">
<div class="section">
section
</div>
<div class="section">
section
</div>
<div class="section">
section
</div>
</div>
</div>
<div id="footer">
footer
</div>
</div>
Converta este código usando as novas tags que você estudou.
