html分区与分区

Question

我正在制作一个web组件，一个导航栏（或navbar）。里面有四个部分，标志，菜单，切换器，和额外。

问题是，我应该对每个部分使用

还是

？
还是有更合适的元素类型？

插图是这样的：

<nav class="foo-navbar">
   <div class="logo">{ props.logo }</div>
   <div class="menus">{ props.children }</div>
   <div class="toggler">{ props.toggler }</div>
   <div class="extra">{ props.extra }</div>
</nav>

匿名用户

这是一个很棒的问题，并且与语义HTML相关。根据MDN，当没有其他标记真正相关或合适时，我们应该使用section标记。如果意图是一个实际的节，那么它还应该包括一个节头。

HTML

元素表示文档的一个通用的独立部分，该部分没有更具体的语义元素来表示。章节应该总是有一个标题，只有极少数例外。

在这一页的后面,MDN有这样的说法：

如果只将元素用作样式包装，请使用

。一个经验法则是

应该在逻辑上出现在文档的大纲中。

因此，在您的情况下，由于(a)您没有每个nav块的标题，(b)您只是在风格上对它们进行分组（如果您以大纲格式显示页面，则nav部分不会在大纲中），我建议保留div标记。

相关问题

• 取消重新分配后如何从 kafka 代理中删除孤立分区副本？
• 删除未使用的Kafka分区
• 重置为Kafka分区中的自定义偏移量
• 从 ajax 调用中的服务器接收 HTML 并使用该 HTML 加载页面
• 如何在Kafka中使用恒定数量的分区和动态数量的消费者来提高吞吐量
• Kafka分区中消息的不均匀分布
• Kafka制作人不选择新分区
• Kafka基于偏移量和分区获取时间戳，用于监控时间滞后
• 如何使用多个工作人员（相同数量的分区）在同一主题上扩展kafka消费者应用程序
• 在kafka中检查消费的分区和消费者的消息
• 具有多个分区的 Kafka 主题中的重复偏移量
• kafka流/表、globalktable、borkers和分区中的相关性是什么？
• 在HtmlUnit驱动程序中切换到帧不工作
• JMeterjp@gc-HtmlUnit驱动程序配置
• 驱动程序无法从每个分区的所有执行器接收数据
• 更改文本大小以适应html中的按钮宽度[重复]
• 根据屏幕大小调整 html 表格宽度
• 是否根据屏幕大小自动调整HTML按钮的大小？
• kafka分区的行为
• Kafka没有向其他分区发送消息

Answer 1

热门标签

Answer 2

相关问题

Answer 3

这是一个很棒的问题，并且与语义HTML相关。根据MDN，当没有其他标记真正相关或合适时，我们应该使用section标记。如果意图是一个实际的节，那么它还应该包括一个节头。

HTML

元素表示文档的一个通用的独立部分，该部分没有更具体的语义元素来表示。章节应该总是有一个标题，只有极少数例外。

在这一页的后面,MDN有这样的说法：

如果只将元素用作样式包装，请使用

。一个经验法则是

应该在逻辑上出现在文档的大纲中。

因此，在您的情况下，由于(a)您没有每个nav块的标题，(b)您只是在风格上对它们进行分组（如果您以大纲格式显示页面，则nav部分不会在大纲中），我建议保留div标记。