Grundlæggende layout-tags i HTML
Til websitets header skal du bruge tagget
header, til footeren - tagget footer,
til sidebar - tagget aside, til indhold
- tagget main. Lad os se, hvordan
layoutet på en hjemmeside skrevet med
disse tags vil se ud:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Til menu skal du bruge tagget nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Følgende kode er givet:
<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>
Konverter denne kode ved hjælp af de ny tags, du har lært.
