是否有必要在div或nav标签中包装导航（ul标签）？

Question

我看到有些人将导航（<ul>标记）包含在<div>中，而<div>只是应用了边距/填充CSS属性。

我们可以在没有<div>的情况下设置导航样式，并将边距和填充放在<ul>标记上。因此，将<ul>标记放在<div>中，或仅仅是个人偏好/偏好是必要吗？

对于已在某些浏览器中实现的HTML5，是否需要放置<ul＆gt;用于在<nav>代码中导航的代码？

例如Smashing HTML5 demo page。

Answer 1

不，当然没有必要用外<ul>包裹<div>导航。在我见过的大多数情况下，人们使用它只是因为他们习惯用div（divitis）包裹所有内容。

但是，在某些情况下，有必要在导航列表中包裹div。例如，当你想要应用多个背景时 - 一个在div上，另一个在ul上，控制 - 填充/边缘 - 自己。

还可以使用额外的div来正确构建文档。

对于html5 <nav>标记，将其视为在语义上定义代码的那一部分，以便任何人阅读代码 - 无论是人类还是机器人（例如搜索机器人） - 都可以确切地知道<nav>标签内部的部分将是（或至少应该是）导航，无论导航是通过<ul>实现还是只是简单的链接由管道符号分隔{ {1}}。

Answer 2

如果你正在制作HTML5，并且你不介意解决Internet Explorer缺乏对HTML5中新元素的支持，那么你应该将导航包装在<nav>元素中。

（就像你应该将你的段落包装在<p>元素中一样 - 这就是标记，通过用标签包装来描述内容。）

至于将导航列表包装在<div>中，您不必这样做，但它通常对造型有用。

Answer 3

不，没有必要，但这取决于布局。 <div>为文档段的定位提供了更多的控制器，因此他们可能只是为此目的使用div。