html - 导航中的 HTML5 2 菜单

Question

我想知道我是否可以利用您在 HTML5 方面的专业知识。

我有两个内部链接菜单，一个在另一个下面。我应该将两个菜单都包装在一个菜单中，<nav>还是每个菜单都应该在它自己的内部<nav>？

谢谢

Answer 1

根据HTML 5 规范，<nav>定义为：

nav 元素表示链接到其他页面或页面内的部分的页面部分：具有导航链接的部分。并非页面上的所有链接组都需要位于 nav 元素中，只有包含主要导航块的部分才适用于 nav 元素。特别是，页脚通常有指向站点各个关键部分的链接列表，但页脚元素在这种情况下更合适，并且这些链接不需要导航元素。

因此<nav>，作为块级元素，应该嵌套list-items以创建尽可能多的导航元素，而不是一直定义<nav>标签来进行导航。

例如，

<nav>
<h1>Title</h1>
<ul>
<li><a href="#">Item 01</a></li>
<li><a href="#">Item 02</a></li>
<li><a href="#">Item 03</a></li>
</ul>
</nav>

并通过 CSS，根据lists您的需要进行自定义，使其按您想要的方式运行。

我希望这有帮助。