Html 汉堡包应该在清单上吗？

我正在创建一个菜单，当页面宽度很小时，它会折叠，只显示活动链接和汉堡菜单。我的问题是，在这种情况下，汉堡应该与UL标签分开，还是应该放在里面

备选案文1：

备选案文2：

---

我知道这只是一件小事，但我一直想知道类似的事情，即如果菜单链接彼此相邻，徽标是否也应该位于菜单链接中？

从语义上讲，它应该位于ul之外，因为它不是列表项。

在我看来，您应该将汉堡与标签分开。所以我会选择第一个选项

并为ul提供一个活动类，如下所示：

---

汉堡包在ul里面没有位置。菜单可能由其他东西触发，用户体验人员可能会用其他东西替换汉堡。清单上应该有这些项目，或者我很愚蠢，或者我真的不明白你的意思。你能用一句话概括一下你想要什么吗？顺便说一句-关于广泛使用的汉堡包菜单按钮，已经做了很多研究，从用户体验的角度来看，它实际上不是很好，因为它不鼓励用户在你的网站上移动。@RobinDorbell这是一个公平的观点，虽然我会说这只是手机上的一个汉堡包，在我个人看来，在手机上使用该网站是一个公平的价格。@Jimmy我听到了，但请记住，手机正在成为主要的浏览器类型。还有更直观的方法来处理这个问题。当然，这也取决于你在建什么样的网站。好的，这回答了我的问题，谢谢。我现在还不能给你一个答案。

<div class="header">
    <ul class="nav">
        <li class="active"><a href="#">Dashboard</a></li>
        <li class="inactive"><a href="#">Test</a></li>
    </ul>
    <a href="#" class="burger">&#9776;</a>
</div>

<div class="header">
    <ul class="nav">
        <li class="active"><a href="#">Dashboard</a></li>
        <li class="inactive"><a href="#">Test</a></li>
        <li class="inactive"><a href="#" class="burger">&#9776;</a></li>
    </ul>
</div>