Question

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

选项1：

<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>

选项2：

<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>

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

Answer 1

从语义上讲，它应该位于url: "/car", data: "taiKhoan: data",之外，因为它不是列表项。

Answer 2

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

并在这里为ul提供一个活跃的课程：

http://inspirationalpixels.com/tutorials/creating-a-responsive-menu-with-html-css-jquery#html-structure

汉堡应该列入名单吗？

2 个答案: