01 · 按信息形态选择输出
短笔记可以用 Markdown；密集表格、流程和交互控件可以用 HTML。页面形式能把结构、样式和行为放在同一份可分享产物中。
02 · 先组织内容，再加交互
先明确读者要找什么，再设计目录、比较表和例子。交互应该帮助理解，例如筛选和展开，而不是遮住主要信息。
03 · 独立页面也需要验收
检查小屏幕、键盘操作、长文本和离线依赖。生成页面不代表页面可用，仍要亲自走一遍主要阅读路径。
以上为 Learn 独立编写的中文导读；原文中的完整演示、代码与版本细节，请核对官方文章。下面的练习和自测为本站原创，不是原作者的作业。
MAKE IT YOURS
动手练习
做一页 AI 工具比较卡
用三种工具的自拟信息做一个独立 HTML 页面，包含比较表和一个筛选条件。不依赖外部脚本即可阅读核心内容。
- 页面的信息结构
- 可操作的筛选
- 手机与键盘使用检查
正在读取此设备的学习记录……