Βασικές ετικέτες διάταξης στο HTML

Για την κεφαλίδα (header) του ιστοτόπου θα πρέπει να χρησιμοποιείται η ετικέτα header, για το footer - η ετικέτα footer, για την πλαϊνή γραμμή (sidebar) - η ετικέτα 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>

Μετατρέψτε αυτόν τον κώδικα χρησιμοποιώντας τις νέες ετικέτες που μάθατε.