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

标签 css html navigation

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

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

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

例如Smashing HTML5 demo page .

最佳答案

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

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

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

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

关于css - 是否需要将导航(ul 标签)包装在 div 或 nav 标签中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2278958/

相关文章:

html - 带有 margin auto 的元素不会在 chrome 中显示 flex 的父元素内部居中

android - Flutter:如何处理需要身份验证的屏幕?

jquery - 将滚动条位置移动 x 个像素

javascript - 选择菜单的替代方法

html - 为什么悬停时颜色不变?

.net - 使用 Html.TextBoxFor 时可以将文本框设置为只读吗?

css - 开发人员可以在其网站上包含的全局、独立于 CSS 的栏

jquery - 老问题 : how to make jQuery Mobile Page cover the full screen height only when screenHeight is greater than page height

html - 中心定位5排网格(附图)

html - 如何使div 内的图像始终为div 的大小?