Web 的原生行为与页面类型

先理解这个概念

网页存在于浏览器中。打开新标签、复制链接、前进后退、文本选择和页面缩放都属于用户熟悉的能力。内容站以阅读与发现为中心，Web 应用以任务和操作为中心，首页结构应该反映这个区别。

Web 用户会使用地址栏、刷新、返回、新标签、复制链接和查找文字。前端路由能减少整页加载，但不能把这些约定当成可忽略的附属功能。一个视图若值得保存或分享，就通常需要稳定地址和直接访问能力；点击能切换并不代表路由体验完整。

记住这三个原则

1. 01

   可导航内容提供真实 URL。

2. 02

   页面变化保持标题、当前位置与返回行为一致。

3. 03

   保留文本选择和合理滚动，避免滥用全屏固定布局。

实际设计时，分三步做

1. STEP 01

   区分导航与动作，使用真实链接和按钮语义，让浏览器保留键盘、新标签和地址预览行为。

2. STEP 02

   为详情、筛选与关键视图定义可恢复状态，验证直接访问、刷新和历史遍历，而不仅是从首页点过去。

3. STEP 03

   客户端切换时检查标题、焦点、滚动和加载反馈。修复路由初始化与数据加载问题，而不是只改地址栏。

一个容易理解的例子

浏览器能力本身就是产品体验的一部分。

适用边界与取舍

整页导航本身是有效的 Web 行为，但频繁学习切换可能更适合客户端导航。选择实现方式时，应保留平台约定并验证完整体验，而不是把“无刷新”当唯一指标。