Tag di layout principali in HTML
Per l'header del sito si dovrebbe usare il tag
header, per il footer - il tag footer,
per la sidebar - il tag aside, per il contenuto
- il tag main. Diamo un'occhiata a come
apparirà il layout di un sito, scritto con
l'aiuto di questi tag:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Per il menu si dovrebbe usare il tag nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
È dato il seguente codice:
<div id="wrapper">
<div id="header">
<div id="menu">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<div id="container">
<div id="sidebar">
sidebar
</div>
<div id="content">
content
</div>
</div>
<div id="footer">
footer
</div>
</div>
Converti questo codice utilizzando i nuovi tag che hai studiato.
