术语库

Top Navigation Layout

页面顶部是一条横向导航栏，放 Logo、主菜单和用户入口，下方整块区域放内容，适合导航项不多的网站。

Sidebar Layout

左侧是一条竖向的功能菜单，右侧是当前菜单对应的页面内容，适合功能模块多、需要频繁切换的后台系统。

Link

点击后跳转到另一个页面、页面内某个位置或外部网址的文字，通常带颜色或下划线。

Navbar

固定在页面最上方的一条横栏，放网站标志、主要栏目链接，以及搜索、登录等全局入口。

Sidebar Menu

竖着排在页面左侧的导航菜单，能放很多栏目并按层级展开，常见于后台管理系统和文档站。

Breadcrumb

显示当前页面在网站层级中所处位置的一行路径，例如「首页 / 商品 / 详情」，可点击返回上级。

Tabs

一排可点击的标签，点哪个就在下方显示对应的内容面板，用来在同一位置切换几块平级的内容。

Pagination

把大量数据分成多页显示，用页码和上一页、下一页按钮在各页之间跳转。

Steps

用一排带编号的节点和连线，显示一个多步骤流程的全部步骤，以及用户当前做到了第几步。

Dropdown Menu

点击或悬停某个按钮后弹出的一列选项，用来收纳一组相关的操作或跳转链接，选完即收起。

Footer

网页最底部的区域，放版权信息、备案号、常用链接和联系方式，每个页面通常都一样。

Segmented Control

几个紧挨着排成一条的选项按钮，同一时间只能选中一个，用来在少量视图或模式之间快速切换。

Anchor

列出当前页面各章节标题的小目录，点击跳到对应位置，滚动时自动高亮当前所在章节。

Command Palette

按快捷键（常见是 Ctrl+K 或 ⌘K）弹出的搜索框，输入关键字就能快速跳转页面或执行操作。

Router

决定「哪个网址显示哪个页面」的规则，负责在不同页面之间切换，并同步浏览器地址栏。