css - HTML navigation bar with unordered list vs other methods -

from w3 schools, shows , explains how make navigation bar using unordered lists. not use method, have used pictures support each button of navigation list. know lots of other people use many different ways.

which method best , easiest?

• unordered list method links

• using pictures links

• making plain anchor elements links

• etc...

from youtube video outdated, said internet explorer did not update html5, therefore best use unordered lists because not read nav element.

i have tried of these ways, , best me if making custom, more entertaining buttons, use picture method. me unordered list method more complicated , looks more classic.

which of these ways easiest, efficiency way, giving best results?

personally, i've used 3 @ same time!

depends on you're goal, when use ul make type of drop down menu pure in css.

<a href="#">menu1</a> <ul>     <li><a href="#"><img alt="duck1" src="duck1.jpg"></a></li>     <li><a href="#"><img alt="duck2" src="duck2.jpg"></a></li>     <li><a href="#"><img alt="duck3" src="duck3.jpg"></a></li> </ul> 

css

ul > li {      display:none; }  a:hover + ul > li {     display:block; }