Question

What is a navigation list? How would you markup a navigation list in HTML5? How would you markup a navigation list prior to HTML5? Include code examples and please be as detailed as possible. Thank you in advance!

Answer 1

A navigation list is a list of links of other webpages or parts of webpages that are used to navigate to other parts of the webpage or website.

In HTML 5 navigation list is markup using an unordered list and nav tag.

For E.g the code below will make a navigation list in HTML 5

<nav>
        <ul>
                <li><a href="/">Home</a></li>
                <li><a href="/">Blogs</a></li>
                <li><a href="/">About</a></li>
        </ul>
</nav>

But, prior HTML 5 Navigation list was not used to look like as above. Earlier they used to be made using div tag.

E.g:-

<div>
                <a href="/">Home</a>
                <a href="/">Blogs</a>
                <a href="/">About</a>
</div>

You can make it more attractive using some css.

HAPPY LEARNING