Tag Tata Letak Utama dalam HTML
Untuk header situs, gunakan tag
header, untuk footer - tag footer,
untuk sidebar - tag aside, untuk konten
- tag main. Mari kita lihat bagaimana
tata letak situs yang ditulis dengan
menggunakan tag-tag ini akan terlihat:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
content
</main>
</div>
<footer>
footer
</footer>
</div>
Untuk menu, gunakan tag nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Diberikan kode berikut:
<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>
Ubah kode ini dengan menggunakan tag baru yang telah Anda pelajari.
