SEO 百科

nav

本页目录

nav 是 HTML 里的元素，表示主要导航区块，用来放一组指向站内或站外页面的链接^[1]。它自动生成 navigation 地标，屏幕阅读器可以直接跳到这一块^[2]。规范特意说明：不是每一组链接都要包在 <nav> 里，它针对的是主要导航^[1]。

放哪几组链接

常见的是主菜单、侧边栏目树、面包屑、上一页与下一页的翻页条。页脚那一大列站点地图式链接也算，但同一页面里地标数量要收着，实践指南建议整页地标区域不超过 7 个^[2]。

<nav aria-label="主导航">
  <ul>
    <li><a href="/products/">产品中心</a></li>
    <li><a href="/cases/">客户案例</a></li>
  </ul>
</nav>

一个页面里有多个 <nav> 时，用 aria-label 给每个块起名，读屏用户才分得清跳的是哪一组^[3]。

导航是站内链接的主要出口，抓取靠它发现新页面与判断页面之间的关联^[4]。这一点与标签叫什么无关：链接在不在 HTML 里、能不能被抓到，才决定发现范围。

把导航做成纯脚本渲染的菜单时，静态 HTML 里若没有 <a>，抓取要等渲染才有链接可读^[5]。服务端输出菜单链接是更稳的做法。

锚文本写"点击这里"这类无信息词，导航对页面主题的说明就没了^[4]。

第一种是给一段广告位或一组推荐链接套 <nav>，地标里混进非导航内容^[1]。第二种是移动端把菜单收在按钮后面，展开前的 HTML 里没有链接。第三种是导航与页脚各放一份栏目链接，两处结构都保留，重复块每页都出现。