如何为垂直导航菜单创建 id？ [关闭]答案

【问题标题】：How to create an id for a vertical navigation menu? [closed]如何为垂直导航菜单创建 id？ [关闭]
【发布时间】：2015-09-18 20:00:58
【问题描述】：

我正在创建一个简单的垂直菜单。问题是，我想把这个菜单放在一个名为#menu 的“id”下，这样我就可以移动它，而不是移动每个单独的链接。

这是我的菜单的代码：

<ul>
<li> <a href="#Home">Home</a></li>
<li> <a href="#Business">Business</a></li>
<li> <a href="#About">About</a></li>
</ul>

如何在“id”#menu 下获取所有这些信息，这样我就可以操纵#menu 并移动导航链接，而无需更改“li”或“a”？

【问题讨论】：

【解决方案1】：

我可能遗漏了一些东西，但这是我理解你想要的：

<ul id="menu">
<li> <a href="#Home">Home</a></li>
<li> <a href="#Business">Business</a></li>
<li> <a href="#About">About</a></li>
</ul>

【讨论】：

如果我有 3 个单独的链接不包含在一个列表中，我怎么能将它们全部放在一个 ID 下？
就像上面那个人说的那样，那将是一门课。 ID 是唯一的，而类应该被重用。
好的，我有 3 个单独的链接。我用DIV将3分开。我如何将DIV变成一个类，这样这个类现在就变成了DIV，并且我能够只使用CSS中的类来操作3个链接？
是的，你是。把一个 div 变成一个类就像给一个 div 添加一个类一样简单；）<div class="some_class and_another_maybe"></div>

【解决方案2】：

包裹在导航元素中。

<nav class="menu" ></nav>

【讨论】：

恕我直言，假设<nav> 将是唯一的<nav> 是不好的做法，因为您应该在其中包含任何导航（如顶部、侧边栏、页脚）。我仍然会添加一个 id 或 class 来识别。
如果我有 3 个单独的链接不包含在一个列表中，我怎么能将它们全部放在一个 ID 下？
你会使用一个类
最好使用 class 进行样式设置并保留 id 以与 JavaScript 一起使用
除了用于 SEO 的锚点和定义部分 ;)