css - 是否需要将导航(ul 标签)包装在 div 或 nav 标签中？

Question

我见过有些人将他们的导航(<ul> 标签)包裹在 <div> 中, 和 <div>只是应用了 margin/padding CSS 属性。

我们可以在没有 <div> 的情况下设置导航样式。并将边距和填充放在 <ul> 上标签。所以有必要把<ul> <div> 内的标签，还是只是个人喜好/喜好？

对于已经在一些浏览器中实现的HTML5，是否有必要把<ul > 用于在 <nav> 中导航的标签标签？

例如Smashing HTML5 demo page .

Answer 1

不，肯定没有必要包装 <ul>外置导航 <div> .在我见过的大多数情况下，人们使用它只是因为他们习惯于将所有内容包装在 div 中。 (divitis)。

但是，在某些情况下，确实有必要包装 div围绕一个导航列表。例如，当您想要应用多个背景时 - 一个在 div 上，另一个在 ul 上，控制 - 填充/边距 - 自己。

额外的 div 也可用于正确构建文档。

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