带有无序列表的HTML导航栏与其他方法的比较

在中，它显示并解释了如何使用无序列表创建导航栏。我个人不使用这种方法，但使用图片来支持导航列表中的每个按钮。我知道很多人用很多不同的方法

哪种方法最好、最简单

• 链接的无序列表方法

• 使用图片 链接

• 为链接制作普通锚元素

• 等等

从一个可能已经过时的YouTube视频中，它说Internet Explorer没有更新到HTML5，因此最好使用无序列表，因为它无法读取nav元素

我个人已经尝试了其中的一些方法，如果我正在制作定制的、更具娱乐性的按钮，对我来说最好的方法就是使用图片方法。对我来说，无序列表方法更复杂，看起来更经典

---

以下哪种方法最简单、最有效，效果最好？

就我个人而言，我同时使用了这三种方法

这取决于你的目标，当我使用ul时，通常是在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>

---

我想使用这三种功能都是最好的，因为它们都有一个带有图片按钮的下拉菜单。

ul > li { 
    display:none;
}

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