Balises de mise en page principales en HTML
Pour l'en-tête du site, utilisez la balise
header, pour le pied de page - la balise footer,
pour la barre latérale - la balise aside, pour le contenu
- la balise main. Voyons à quoi
ressemblera la mise en page d'un site, écrite avec
ces balises :
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Pour le menu, utilisez la balise nav :
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Voici le code suivant :
<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>
Transformez ce code à l'aide des nouvelles balises que vous avez étudiées.