通过将网页内容以目录式结构呈现，使用户清楚自己在整个网页中位置，并能够轻松跳转至想要访问的内容。

原则

清晰：导航的结构清晰，不要模棱两可。
高效：网页目录内容尽量不要采用隐藏式交互。

类别

导航布局分为顶部为主导航和侧边为主导航两种情况

顶部为主导航：**（每种情况单独配图）**

  1. 顶部主导航
  2. 顶部主导航+顶部子导航
  3. 顶部主导航+侧边次级导航
  4. 顶部主导航+顶部子导航+侧边次级导航

侧边为主导航：**（每种情况单独配图）**
1.侧边主导航
2.侧边主导航+顶部次级导航
3.侧边主导航+顶部次级导航+顶部子导航

参考链接
1.Ant Design - 设计模式-导航
2.Predix Design - Foundation - navigation
3.Windows - 导航
4.Material Design - navigation
5.Clarity Design - navigation