Tag per le sezioni in HTML
I blocchi del sito possono essere raggruppati in sezioni utilizzando
il tag section:
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
<section>
<h2></h2>
<p>
</p>
<p>
</p>
</section>
È dato il seguente codice:
<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>
Converti questo codice utilizzando i nuovi tag che hai studiato.
È dato il seguente codice:
<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>
Converti questo codice utilizzando i nuovi tag che hai studiato.
