Question

从 REGEX DEMO ，它会显示并说明如何使用无序列表制作导航栏。我个人不使用这种方法，但使用图片来支持我的导航列表中的每个按钮。我知道很多其他人使用许多不同的方式。

哪种方法最好也最简单？

链接的无序列表方法
使用图片 链接
为链接制作普通锚元素
等...

来自可能过时的YouTube视频，它说 Internet Explorer 没有更新为HTML5，因此最好使用无序列表，因为它无法读取导航元素。

我个人已经尝试了其中一些方法，如果我制作自定义的，更有趣的按钮，那么对我来说最好的方法就是使用图片方法。对我来说，无序列表方法更复杂，看起来更经典。

通过提供最佳结果，最简单，大多数效率方式中的哪一种方式？

Answer 1

就个人而言，我同时使用了这三个人！

取决于你的目标，当我使用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>

CSS

ul > li { 
    display:none;
}

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

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

1 个答案: