乐于分享
好东西不私藏

HTML 为什么在 AI 时代异常有效

HTML 为什么在 AI 时代异常有效

当输出目标不再只是“写一段文字”,而是让人直接看懂、比较、试用、复用时,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. 1. 组织结构不是把结构写出来,而是把结构做出来。
  2. 2. 表达空间关系让并列、对比、层级、流程、风险这些关系直接可见。
  3. 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 对该文的转述与评论