HTML5多导航标签最佳实践

HTML5多导航标签最佳实践,html,nav,Html,Nav,我正在尝试编写一个标题处带有多菜单的主题,我应该为每个主题使用multinav标记吗?或者将它们全部包装在nav标签中 这是一个例子 header-a将所有内容包装在nav标签中 header-bwrap菜单和nav内菜单之间的元素 header-cwrap菜单中的nav header-daddnav在每个bar内添加标签,将所有内容包装在bar内 在这种情况下,哪种方法比较好 非常感谢。我想这是关于语义学的 nav元素应包装属于同一导航结构的项目 例如: 家 关于 接触 产品

我正在尝试编写一个标题处带有多菜单的主题,我应该为每个主题使用multi
nav
标记吗?或者将它们全部包装在
nav
标签中

这是一个例子

header-a
将所有内容包装在
nav
标签中

header-b
wrap菜单和
nav
内菜单之间的元素

header-c
wrap菜单中的
nav

header-d
add
nav
在每个
bar
内添加标签,将所有内容包装在
bar

在这种情况下,哪种方法比较好


非常感谢。

我想这是关于语义学的

nav
元素应包装属于同一导航结构的项目

例如:


  • 关于
  • 接触
  • 产品
    • 橙子
    • 苹果
  • 脸谱网
  • 推特
  • LinkedIn

似乎没有确切的答案,似乎正确的答案取决于您希望如何阅读网站的语义

查看以下来源:

有信息表明,您的所有4个选项在语义上都是正确的。您需要考虑的是您希望如何解释导航;它应该被视为一个主菜单吗?然后您需要
标题-a
。菜单是否应视为一组相关菜单?然后,
header-a
header-b
header-c
中的任何一个都可以工作

我知道我没有给你一个确切的答案,但从我的工作,没有直接的答案

希望这能有所帮助