Navigation
To start with, this is what I am going to teach you how to construct your navigation. Use unordered list. The code looks like this:
<nav>
<ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Clients</a></li> <li><a href="#">Contact Us</a></li> </ul> </nav> |
If you search online, there isn't much debate about this method. Most people will use this method to construct their navigation elements. It gives a nice structure. For people just learning coding, I would definitely suggest you stick with this method.
That being said, in this following article, the author brought to our attention that maybe this is not the best way to construct the navigation for accessibility reason. Read the article, and you can decide for yourself what is the best way.
Navigation in Lists: To Be or Not To Be
Publised January 29, 2013 by Chris Coyier
https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/
That being said, in this following article, the author brought to our attention that maybe this is not the best way to construct the navigation for accessibility reason. Read the article, and you can decide for yourself what is the best way.
Navigation in Lists: To Be or Not To Be
Publised January 29, 2013 by Chris Coyier
https://css-tricks.com/navigation-in-lists-to-be-or-not-to-be/
CSS dropdown menu (advanced).
You were wondering, will we ever need to use those css child and descendant selectors? In this example, the author created a dropdown menu using only css. Taking advantage of the descendant selectors. See example below: ( Original code by: Chris Spooner ). |
|
|