Navigation menu

<nav>
    <a href="index.html">Home</a>
    <a href="about.html">About</a>

    <a href=”#”>Portfolio</a>
    <a subitem href="project-1.html">Project 1</a>
    <a subitem href="project-2.html">Project 2</a>

    <a href="#">Follow me</a>
    <a subitem href="insert-twitter-link">Twitter</a>
    <a subitem href="insert-facebook-link">Facebook</a>
    <a subitem href="insert-instagram-link">Instagram</a>
    <a subitem href="insert-flickr-link">Flickr</a>
    <a subitem href="insert-tumblr-link">Tumblr</a>
</nav>

Once initialized, above code will be converted to fully functional navigation menu:

Good to know:

• every nav element is treated as navigation menu definition
• every element within navigation menu is converted to menu item
• submenu item is defined by adding attribute subitem to menu item
• consecutive elements with subitem attribute are grouped in sub-menu of previous menu item.
• More than one sub-menus can be defined within one menu
• More than one navigation menus can be defined within web page
• Sidebar section is the best place to put navigation menus