<!DOCTYPE html>
<html>
<head>
<style type="text/css">
header, article, aside, footer, main, nav {border:8px solid #F9EECF;padding:3px;margin:3px;width:50%;}
</style>
</head>
<body>
<header>Header...
<nav>Nav...</nav>
</header>
<main>
Main...
<article>Article...
<aside>Aside...</aside>
</article>
</main>
<footer>Footer...</footer>
</body>
</html>
The above example demonstrates usage of the <nav>
element.
The <nav>
element represents a section with navigational links.
Note that <nav>
element is mainly intended for major navigational blocks. Not all navigational links need to be contained within a <nav>
element. For example, the <footer>
element could contain links to copyright information, privacy policy, etc without these needing to be in a <nav>
element. However, there may still be occasions where a <footer>
element could contain a <nav>
element.