如您在链接中所学,具有 href 属性的 <a> 元素会创建链接,用户可以通过点击或轻触来访问这些链接。在列表部分,您学习了如何创建内容列表。在本单元中,您将了解如何将链接列表分组以创建导航栏。
导航栏有多种类型,也有多种显示方式。文本中链接到同一网站中的其他网页的命名锚标记会被视为本地导航。本地导航由一系列链接组成,用于显示当前网页相对于网站结构的层次结构,或用户访问当前网页时所经的网页,称为面包屑导航。
网页的目录是另一种类型的本地导航。包含指向网站上每个网页的分层链接的网页称为网站地图。指向网站顶级页面的导航栏(可能位于每个网页上)称为全局导航栏。全局导航栏可以通过多种不同的方式显示,包括导航栏、下拉菜单和弹出式菜单。同一网站的全局导航栏的显示方式可能会因视口大小而异。
请始终确保用户只需点击最少的次数即可前往您网站上的任何页面,同时确保导航直观且不会让用户感到不知所措。不过,导航元素没有特定要求。MachineLearningWorkshop.com 是一个单页网站,在右上角有一个本地导航栏;多页网站通常会将全局导航栏放置在此处。