Pääasialliset layout-tagit HTML:ssä
Verkkosivuston headeriin tulisi käyttää
header -tagia, footeriin - footer -tagia,
sivupalkkiin - aside -tagia, sisältöön
- main -tagia. Katsotaanpa, miltä
verkkosivuston layout näyttää, kun se on kirjoitettu
näillä tageilla:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sivupalkki
</aside>
<main>
sisältö
</main>
</div>
<footer>
footer
</footer>
</div>
Valikkoon tulisi käyttää nav -tagia:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Annettuna on seuraava koodi:
<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">
sivupalkki
</div>
<div id="content">
sisältö
</div>
</div>
<div id="footer">
footer
</div>
</div>
Muunna tämä koodi opittujen uusien tagiesi avulla.
