Các thẻ bố cục chính trong HTML

Đối với phần đầu trang (header) của trang web, nên sử dụng thẻ header, cho phần chân trang (footer) - thẻ footer, cho thanh bên (sidebar) - thẻ aside, cho nội dung chính - thẻ main. Hãy xem bố cục trang web được viết bằng các thẻ này sẽ trông như thế nào:

<div id="wrapper">
	<header>
		header
	</header>
	<div id="container">
		<aside>
			sidebar
		</aside>
		<main>
			content
		</main>
	</div>
	<footer>
		footer
	</footer>
</div>

Đối với menu, nên sử dụng thẻ nav:

<nav>
	<a href="#"></a>
	<a href="#"></a>
	<a href="#"></a>
</nav>

Cho trước đoạn mã sau:

<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>

Hãy chuyển đổi đoạn mã này bằng cách sử dụng các thẻ mới mà bạn đã học.