DECLARE A NAVIGATION LAYOUT ELEMENT

The navigation element represents a section of your web page that links to other pages, or other parts in the same page, with a series of links.

When creating navigational links, you can be very minimal and rely on CSS for all your formatting. For example, just use straight <a href> tags:

<nav>
   <a href='url1'>link1</a>
   <a href='url2'>link2</a>
   <a href='url3'>link3</a>
</nav>

Some sites overcomplicate navigational tags and turn them into an unordered list. You could do this, but then you will require additional CSS code to undo the bullet style, remove the list margin, and display everything inline.

If you simply want a series of <a href> tags to appear vertically, just like a bulleted list, assign it the ...

Get HTML5: Your visual blueprint™ for designing rich web pages and applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial