Tag-urile principale de layout în HTML
Pentru header-ul site-ului ar trebui să folosiți tag-ul
header, pentru footer - tag-ul footer,
pentru bara laterală - tag-ul aside, pentru conținut
- tag-ul main. Să vedem cum
va arăta layout-ul site-ului, scris cu
ajutorul acestor tag-uri:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Pentru meniu ar trebui să folosiți tag-ul nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Este dat următorul cod:
<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>
Transformați acest cod cu ajutorul tag-urilor noi pe care le-ați învățat.