แท็กโครงร่างหลักใน HTML
สำหรับส่วนหัวของเว็บไซต์ควรใช้แท็ก
header, สำหรับส่วนท้าย - แท็ก footer,
สำหรับแถบด้านข้าง - แท็ก aside, สำหรับเนื้อหา
- แท็ก main มาดูกันว่า
โครงร่างเว็บไซต์ที่เขียนด้วย
แท็กเหล่านี้จะมีลักษณะอย่างไร:
<div id="wrapper">
<header>
ส่วนหัว
</header>
<div id="container">
<aside>
แถบด้านข้าง
</aside>
<main>
เนื้อหา
</main>
</div>
<footer>
ส่วนท้าย
</footer>
</div>
สำหรับเมนูควรใช้แท็ก nav:
<nav>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</nav>
ให้โค้ดต่อไปนี้:
<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">
แถบด้านข้าง
</div>
<div id="content">
เนื้อหา
</div>
</div>
<div id="footer">
ส่วนท้าย
</div>
</div>
แปลงโค้ดนี้โดยใช้แท็กใหม่ ที่คุณได้เรียนไป