把长论证拆成标题、优先级、分组和渐进展开。
X 文章 · @trq212 · CLAUDE CODE
HTML 不是摘要，而是阅读界面。
这是一版面向读者的交互式解读：切换阅读镜头、展开证据、拖动 Markdown/HTML 对比，直观看到为什么界面能承载线性笔记放不下的信息。
html-reading-surface.html
读者可控制的阅读表面73/100
交互文章
读者可控制的阅读表面
控件和状态让读者比较、筛选和测试观点，而不只是向下滚动。
视觉层级
把长论证拆成标题、优先级、分组和渐进展开。
关系地图
把关键关系空间化：来源材料 → HTML 表面 → 读者理解。
读者控件
切换、标签和滑杆让读者选择自己需要的细节层级。
证据托盘
把引用、主张和例子放在解读旁边，方便核对。
01 · 阅读界面
用交互镜头阅读这篇文章。
每个镜头都会改变同一组观点的呈现方式：层级、关系、证据、案例和结论。读者可以按自己的问题进入文章，而不是被迫从头读到尾。
交互文章 · 论点
读者可控制的阅读表面
控件和状态让读者比较、筛选和测试观点，而不只是向下滚动。
把关键关系空间化：来源材料 → HTML 表面 → 读者理解。
切换、标签和滑杆让读者选择自己需要的细节层级。
把引用、主张和例子放在解读旁边，方便核对。
论点
核心论点已显示
证据
证据层已展开
案例
案例正在对比
结论
结论已准备好
02 · 格式拨杆
从线性笔记滑向交互页面。
拖动拨杆。Markdown 一侧是观点列表；HTML 一侧把这些观点变成可以导航、比较和反馈的阅读表面。
Markdown
# 文章摘要
- HTML 能承载更丰富输出
- Markdown 是线性的
- 有交互需求时使用 HTML
HTML
论点卡片
分区、图解、标注和证据可以共存在一个有设计的阅读表面里。
证据托盘
读者可以边读边核对主张和例子。
场景切换
比较什么时候 Markdown 足够，什么时候 HTML 更有价值。
可分享结论
用一句可记住、可分享的判断收束全文。
03 · 分层阅读
好的 HTML 文章会分层揭示观点。
点击任一步，或播放阅读路径。同一篇原文会从核心论点，走向证据、案例，最后变成可记住的判断。
核心论点已显示
04 · 阅读控制
为读者调整呈现方式。
当前结论