Тег nav предназначен для создания меню в HTML5. Современный аналог конструкции <div id="menu">.

В HTML5 были добавлены новые теги, представляющие собой отдельные блоки макета сайта, которые раньше делались на тегах div и имели более-менее стандартные названия. Это такие блоки как хедер (header), контент (content), сайдбар (sidebar), футер (footer). Для этих блоков были соответственно добавлены теги header, main (контент), aside (сайдбар), footer.

Рекомендую также посмотреть новые теги section и article, которые задают разделы документа.

Примеры

Пример . Структура макета в стиле HTML5

В данном примере вы видите структуру сайта в стиле HTML4:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
	</head>
	<body>
		<div id="wrapper">
			<div id="header">
				<div id="menu">
					<ul>...</ul>
				</div>
			</div>
			<div id="sidebar">
				...
			</div>
			<div id="content">
				...
			</div>
			<div id="footer">
				...
			</div>
		</div>
	</body>
</html>

А вот так выглядит этот же код в стиле HTML5:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Это заголовок тайтл</title>
	</head>
	<body>
		<div id="wrapper">
			<header>
				<nav>
					<ul>...</ul>
				</nav>
			</header>
			<aside>
				...
			</aside>
			<main>
				...
			</main>
			<footer>
				...
			</footer>
		</div>
	</body>
</html>