Grundläggande layout-taggar i HTML
För webbplatsens header ska taggen
header användas, för footer - taggen footer,
för sidofält - taggen aside, för innehåll
- taggen main. Låt oss titta på hur
layouten för en webbplats skriven med
hjälp av dessa taggar kommer att se ut:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
För meny ska taggen nav användas:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Följande kod ges:
<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>
Omvandla denna kod med hjälp av de nya taggar du har lärt dig.
