当输出目标不再只是“写一段文字”,而是让人直接看懂、比较、试用、复用时,HTML 就会比 Markdown 更像一种终态格式。
最近看了一篇很有意思的文章,Claude团队写的,标题叫《The unreasonable effectiveness of HTML》。它真正想表达的,不是“HTML 比 Markdown 更好看”,而是一个更根本的判断
很多 AI 输出,本质上不是文本任务,而是界面任务。
换句话说,如果一个结果最终要被人直接消费,它就不应该先被压成一段平铺直叙的文字,再靠读者自己脑补结构。更自然的做法,是让模型直接生成一个可浏览、可比较、可交互的成品。
一、为什么 Markdown 会压平很多信息
Markdown 非常适合记录、草稿和协作。它轻、快、通用,适合把想法先写下来。
但它有一个天然局限,它是线性的。很多信息一旦变成线性文本,就会失去“形状”。
比如:
• 代码审查,本来需要看 diff、边注、风险点和调用关系 • 设计讨论,需要并排看色板、组件状态和尺寸变化 • 原型验证,需要真的点一下,看交互是否顺手 • 报告和复盘,需要时间线、图表、结论和行动项同时出现
这些内容如果只写成段落,读者要自己在脑子里重新拼装结构。文章还在,但“形状”没了。
这就是 HTML 的价值开始显现的地方。
二、HTML 强在把“结构”直接做出来
HTML 的优势,不在于它比 Markdown 更花哨,而在于它更接近人类理解复杂信息的方式。
它可以把不同类型的信息,直接放到最合适的表达形态里:
• 需要比较,就并排放 • 需要强调,就做成卡片或边注 • 需要解释流程,就画成图 • 需要演示状态,就让它真的可点击 • 需要扫读,就把层级拉开
文章里的那些例子,其实都在证明同一件事。
1. 代码审查
Markdown 里的一段 diff,读起来常常像“文本在解释文本”。
但 HTML 可以把 diff 变成真正的审阅界面,让你在页面上直接看到:
• 哪些文件变了 • 哪些地方风险高 • 哪些修改最值得先看 • 哪些结论应该写在边上
这不是排版优化,这是把审查行为本身做成了页面。
2. 设计与原型
设计不是描述出来的,很多时候是看出来、点出来、感受到的。
HTML + CSS + SVG + 少量 JavaScript,能让模型直接生成:
• 设计系统 token • 组件变体 • 动画沙盒 • 可点击流程
也就是说,它不再只是“讲设计”,而是在“交付设计”。
3. 报告与研究
一篇好的研究报告,往往不只是结论,还要让人一眼看到:
• 结论在哪里 • 证据在哪里 • 过程在哪里 • 风险在哪里 • 下一步在哪里
HTML 很适合把这些层次分开。它让文章不是一整块内容,而是一个能被浏览的系统。
三、这件事对 AI 输出方式的意义很大
这篇文章最有启发的地方,在于它把 AI 的“输出目标”重新定义了。
过去我们默认让模型输出文字,是因为文字最便宜、最通用,也最容易进聊天框。
但今天很多任务已经变了。
用户真正需要的,不是“模型说了什么”,而是:
模型有没有直接给出一个可用的结果。
当输出目标变成“可直接阅读的成品”,HTML 就会比 Markdown 更自然。
因为 HTML 允许模型做三件很重要的事:
1. 组织结构不是把结构写出来,而是把结构做出来。 2. 表达空间关系让并列、对比、层级、流程、风险这些关系直接可见。 3. 接近最终使用场景很多内容最后就是在浏览器里被阅读的,HTML 直接贴近终点。
这也是为什么,很多时候让 AI 输出 HTML,不是炫技,而是在减少中间损耗。
四、但 HTML 不是万能的
这篇文章的观点很强,但它不是在说“以后别用 Markdown 了”。
HTML 的强,建立在几个前提上:
• 读者最终会在浏览器里看 • 内容需要结构表达 • 你愿意接受更高的生成复杂度 • 这份输出是终稿,不是多人实时协作草稿
如果场景是快速记笔记、多人共同改稿、或者只需要纯文本便于 diff 和版本管理,那么 Markdown 依然更高效。
所以更准确的说法是:
Markdown 更适合过程,HTML 更适合成品。
这两个格式不是替代关系,而是分工关系。
所以更好的流程往往不是直接往下写,而是先问自己一句:
这篇东西最后要变成什么形状。
如果答案是“让读者扫一眼就懂”,那就应该优先做结构设计、卡片拆分、重点前置、视觉层级,然后再去写正文。
这也是我很认同这篇文章的原因。
它不是在强调 HTML 这个技术本身,而是在提醒我们:
AI 时代真正有价值的输出,不只是内容,而是可被直接消费的界面。
结语
Markdown 负责把想法写下来,HTML 负责把想法做成作品。
在很多 AI 场景里,后者正在变得越来越重要。
如果说过去我们习惯让模型“帮我写一段”,那现在更值得尝试的,可能是让模型“帮我做一个能直接看、直接用、直接交付的东西”。
这就是 HTML 在 AI 时代异常有效的原因。
参考
• Thariq Shihipar, The unreasonable effectiveness of HTML • Simon Willison 对该文的转述与评论
夜雨聆风