导航中的HTML5 2菜单

Question

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

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

谢谢

Answer 1

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

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 ，使其表现出所需的效果。

我希望这有帮助。