HTML에서의 주요 레이아웃 태그

사이트 헤더에는 header 태그를, 푸터에는 footer 태그를, 사이드바에는 aside 태그를, 콘텐츠 영역에는 main 태그를 사용해야 합니다. 이 태그들을 사용하여 작성된 사이트 레이아웃이 어떻게 보이는지 살펴봅시다:

<div id="wrapper">
	<header>
		header
	</header>
	<div id="container">
		<aside>
			sidebar
		</aside>
		<main>
			content
		</main>
	</div>
	<footer>
		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">
			sidebar
		</div>
		<div id="content">
			content
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>

배운 새로운 태그들을 사용하여 이 코드를 변환하세요.