แท็กโครงร่างหลักใน 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>

แปลงโค้ดนี้โดยใช้แท็กใหม่ ที่คุณได้เรียนไป