Tag Tata Letak Asas dalam HTML
Untuk header tapak web, gunakan tag
header, untuk footer - tag footer,
untuk sidebar - tag aside, untuk kandungan
- tag main. Mari kita lihat bagaimana
tata letak tapak web yang ditulis dengan
menggunakan tag ini kelihatan:
<div id="wrapper">
<header>
header
</header>
<div id="container">
<aside>
sidebar
</aside>
<main>
kandungan
</main>
</div>
<footer>
footer
</footer>
</div>
Untuk menu, gunakan tag nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
Diberi kod 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">
kandungan
</div>
</div>
<div id="footer">
footer
</div>
</div>
Tukar kod ini dengan menggunakan tag baharu yang telah anda pelajari.
