[2

代表一组导航链接的HTML5 NAV元素是增强网站可访问性的重要工具，因为它允许屏幕读取器跳过网站导航，改善视觉障碍者的用户体验。

可以在单个页面上多次使用NAV元素，用于主要导航栏和辅助链接，虽然对于所有导航链接不是强制性的，但建议主要导航块改善站点可访问性和SEO。

虽然当前的屏幕读取器可能无法识别导航元素，但随着辅助技术的继续发展而鼓励其使用，以确保将来网站仍然可以访问。

可以肯定地假设该元素几乎将出现在每个项目中。 NAV完全代表它所暗示的：一组导航链接。尽管导航最常见的用途是包装无序的链接列表，但还有其他选项。您还可以将NAV元素包裹在文本段落周围，该文本包含页面或页面的主要导航链接。 无论哪种情况，NAV元素都应保留用于主要重要性的导航。因此，建议您避免使用NAV进行页脚中的链接列表。 [2 您可能在许多站点上实现的设计模式是“跳过导航”链接。这个想法是允许屏幕读取器的用户如果已经听到的话，屏幕读取器的用户可以快速跳过您网站的主要导航 - 一切都没有意义，每次您单击新页面时，都没有必要听到大型网站的整个导航菜单！ NAV元素有可能消除这一需求。如果屏幕读取器看到了导航 元素，它可以允许其用户跳过导航，而无需其他链接。规范指出： 用户代理（例如屏幕读取器）针对的用户可以从初始渲染中省略的导航信息受益，或者可以立即可从导航信息中受益，可以使用此元素来确定页面上的内容以最初跳过和/或根据请求提供。 当前的屏幕读取器无法识别NAV，但这并不意味着您不应该使用它。辅助技术将继续发展，您的页面很可能会进入未来的网络。通过构建标准，您可以确保随着屏幕阅读器的改善，随着时间的推移，您的页面将变得更加易于访问。

什么是用户代理？
• 浏览规格时，您会经常遇到术语用户代理。确实，这只是浏览器的一个奇特术语，即用户使用的软件“代理”来访问页面内容。规格不仅说“浏览器”的原因是，用户代理可以包括屏幕读取器或任何其他读取网页的技术手段。 您可以在给定页面上多次使用NAV。如果您有该站点的主要导航栏，则可以要求使用NAV元素。 此外，如果您有一组辅助链接指向当前页面的不同部分（使用页面锚），则可以将其包裹在NAV元素中。 与部分一样，关于什么构成可接受的NAV以及为什么不建议在某些情况下（例如页脚内部）进行的辩论。一些开发人员认为，此元素适合分页或面包屑链接，或者适合构成网站的主要手段的搜索表（如Google上的情况）。 该决定最终将取决于开发人员。 Whatwg的HTML5规范的主要编辑Ian Hickson直接回答了该问题：“只要您使用class = nav，就使用[IT]”。[请参阅注释]
这是Alexis Goldstein，Louis Lazaris和Estelle Weyl的HTML5&CSS3的摘录。
• 寻找更多教程？
如果您想了解有关HTML5 NAV元素的更多信息，那么SitePoint在HTML5 NAV菜单上有很多在线教程。 建立Laura Athanasiou的交互式导航栏“直接导航结构可以提高您的网站的可用性，并使信息易于找到。通过使用基本的HTML和CSS，您可以构建一个水平的NAV栏，当用户徘徊在导航链路上时提供交互作用，该级别可提供交互。” 在HTML5/CSS3和Jean-Pierre Gassin中创建动画下拉导航菜单“这是针对初学者和中级HTML5和CSS3开发人员，他们想创建下拉菜单。 从头开始构建一个响应迅速的移动友好网站：Annarita Tranfici的语义HTML“首先，让我们创建一个经典菜单。在这种情况下，最适合我们目的的元素是NAV元素，这是用于宣布网站导航部分的语义元素。” 是否应该在列表中定义导航？克雷格·巴克勒（Craig Buckler）“问题：列表要素是否必要？” 如何构建Craig Buckler的CSS3滑动菜单：“在本文中，我们将仅使用CSS构建一个滑出菜单。如果您使用现代浏览器，它也会显示出可爱的3D页面效果。”
• 经常询问有关HTML5 NAV元素的问题

HTML5 NAV元素的目的是什么？

使用html5 nav元素，您只需要在[

中包含您的导航链接。例如：[

第1节

第2节”>第2节 是的，您可以在单个页面上使用多个导航元素。每个NAV元素应包含独特的导航链接。这对于为您的页面的不同部分创建单独的导航栏很有用。

是否有必要将导航元素用于所有导航链接？

，而不必为所有导航链接使用nav元素，建议将其用于主要的导航块。这是因为NAV元素有助于改善网站的可访问性，从而使用户更容易浏览您的内容。

我可以在其他元素中嵌套nav元素吗？

是的，您可以在其他元素中嵌套nav elements。例如，您可以在页面元素中嵌套导航元素在页面顶部创建导航栏。

如何影响seo？

我可以使用CSS样式的NAV元素？

[是的，您可以使用CSS样式。您可以像任何其他HTML元素一样，将任何CSS属性应用于NAV元素。例如，您可以更改导航栏的背景颜色，字体大小和边距。

该元素用于定义包含导航链接的页面部分，而菜单元素用于创建命令菜单菜单。虽然这两个元素都可以用于导航，但NAV元素更适合主要导航块，而菜单元素更适合上下文菜单。

如果我不为导航链接使用导航元素，会发生什么？

如果您不为导航链接使用nav元素，则您的网站仍然可以使用，但是对于用户和搜索开关而言，它可能会更困难，并且可以通过您的内容进行导航。 NAV元素有助于改善网站的可访问性和SEO，因此建议将其用于主要导航块。