AI 时代什么格式最好用?不是 Word,不是 PPT,是这个被低估了 30 年的老东西＂

一位 Claude 工程师的爆款长文，从硅谷一路烧到了教室。

不管你是程序员、产品经理、老师，还是只是日常用 AI 写报告的普通人——这场静悄悄的格式革命，都跟你有关。

一、引子：你用过的所有”输出格式”，可能都不是 AI 时代的最优解

回想一下，过去这一两年你用 AI 时，它给你的东西都长什么样？

• • 让 AI 写一份方案——Word 文档
• • 让 AI 做一个汇报——PPT 幻灯片
• • 让模型生成一份合同——PDF 文件
• • 让 Claude 整理一份资料——Markdown 纯文本

这四种格式构成了 AI 时代内容输出的”四大支柱”。我们用得熟练，习以为常，几乎不会怀疑它们。

但 2026 年 5 月，一位来自 Anthropic（Claude 开发公司）的工程师发了一篇长文，把这套默认值整个掀翻了。

他的观点用一句话总结：

这四种格式没有一个是 AI 时代的最佳选择。真正应该当主角的，是一个已经存在了 30 年的”老东西”——HTML。

文章发出后 48 小时，社交媒体上浏览量冲破 980 万，被收藏近 3 万次。技术圈、教育圈、内容创作圈轮流被炸了一遍。

为什么会引发这么大的反响？因为他不只是在说”HTML 更好看”，而是在论证——Word、PPT、PDF、Markdown 这四个我们用了几十年的格式，在 AI 时代都有结构性缺陷。

这篇文章，我们就把这件事拆给所有人看：

• • 为什么 Word、PPT、PDF、Markdown 都不够好？
• • HTML 凭什么是 AI 时代的”最优解”？
• • 对老师来说，这意味着什么？（这是本文的重点）
• • 对普通用户来说，怎么立刻用上？

二、先把人物和事件交代清楚

爆款文章的作者叫 Thariq Shihipar，是 Anthropic 公司 Claude Code 团队的工程师——Claude Code 是 Anthropic 给程序员用的 AI 编程工具，全球开发者圈里非常火。

他写的这篇文章原标题是 《Using Claude Code: The Unreasonable Effectiveness of HTML》（《在 Claude Code 中，HTML 的”不讲道理的好用”》）。

“不讲道理”这个词用得很妙——他的意思是：HTML 好用到一种超出预期的程度，好用到让他想推翻自己过去三年的工作习惯。

为了证明这点，Thariq 还专门做了一个配套网站 thariqs.github.io/html-effectiveness，里面放了 20 个真实的 HTML 输出案例，每一个都对应一个具体的工作场景。

技术圈知名评论家 Simon Willison 看完后公开宣布——“用了三年 Markdown 当默认格式，我准备重新考虑了。”

这种”业内权威被一篇文章说服”的事件，在 AI 圈非常少见。

三、为什么 Word、PPT、PDF、Markdown 都不是 AI 时代的好搭档？

我们一个一个看。

第一个：PPT——AI 最难写好的格式

你可能会很惊讶——明明现在到处都有”AI 一键生成 PPT”的工具？

但如果你认真用过这些工具就会发现：生成出来的 PPT 总是怪怪的。文字溢出框、图片错位、间距不一致、改一个地方就乱一片。

为什么？技术博主 Ryan Brown 给了一个杀手级的解释：

PPT 文件本质上是一堆 XML 配置 + 绝对坐标定位。AI 要在 PPT 里把几个图标”均匀排布”，必须先读出幻灯片宽度、数出图标数量、做 5 次数学计算、再为每个图标写死坐标。

同样的事情在 HTML 里——两行 CSS 代码搞定。

.container {display: flex;justify-content: space-evenly;}

这两行的意思是：“把容器里的东西均匀排开。” 浏览器自动算所有的像素位置。AI 只需要表达意图，不需要做任何数学题。

这是一个非常深刻的区别——

PPT 是给”鼠标拖拽”设计的格式，不是给”AI 用语言描述”设计的格式。 这个根本错配，决定了 AI 在 PPT 上永远做不到丝滑。

第二个：Word——为”手工编辑”而生

Word 文档的问题，和 PPT 类似但更隐蔽。

Word 假设你会坐下来，逐段读、逐句改。它的所有功能（修订追踪、批注、格式刷）都是为”人类作者”设计的。

但 AI 时代的真实工作流是什么？

• • 让 AI 生成草稿
• • 你扫一眼觉得不对
• • 告诉 AI：“把第三段改简洁一点。”
• • AI 重新生成

注意中间这一步——你越来越不亲自打开文件改了。

那 Word 那些”方便编辑”的功能优势，就消失了一大半。剩下的只有缺点：

• • 在网页、手机上打开格式经常错乱
• • 复杂的图表、流程图很难精确还原
• • 没法做任何交互（没有按钮、没有切换、没有动态内容）
• • 文件分享必须发附件，链接没法直接打开

第三个：PDF——AI 时代的”死文件”

PDF 的设计哲学是”像印刷品一样不可改动“——这在打印时代是优势，在 AI 时代是负担。

• • AI 难以精确编辑 PDF 内容（每次都要”重新生成”）
• • 内容无法重新流动（手机上读 PDF 是真的痛苦）
• • 完全不可交互
• • 体积大，传输和加载慢

PDF 还会有一辈子的位置——合同、正式公文、必须冻结的存档——但作为 AI 输出的主要格式，它正在被边缘化。

第四个：Markdown——曾经的最优解，现在的”半成品”

这是 Thariq 文章里着墨最多的一个。

Markdown（标记文本）是过去三年所有 AI 产品的默认输出格式——你打开 ChatGPT、Claude、豆包，它们回复你时用的就是这个。

它简单、轻量、AI 写起来很快，token 成本低。为什么它正在失宠？

变化一：AI 给的”作业”越来越长了

早期 AI 只回答一个问题、列一个清单——50 行 Markdown 完全够用。

现在 AI 开始给你交付：几百行的产品规格、完整的代码评审、多方案对比、调研报告……

Thariq 坦言：

“我现在已经很难认真读完一份超过 100 行的 Markdown 文件了。”

把一份 30 页的研究报告做成”长得像菜单”的纯文本——读者扫两眼就放弃了。

变化二：Markdown 表达不了复杂信息

让 AI 在 Markdown 里画一张柱状图，它会用方块字符硬”画”：

北区 ███████ $2.4M南区 ██████  $1.8M东区 ████████ $2.6M西区 ████    $1.2M

技术人员看到这种东西会会心一笑，普通用户的反应是——这玩意儿到底想表达什么？

而如果换成 HTML，AI 可以画出真正的 SVG 矢量图表：带坐标轴、带刻度、带图例、按比例缩放、清晰美观。

同样的数据，同样的 AI，输出质量完全不同。

四、HTML 为什么是 AI 时代的”最优解”？

把四个格式都打了一遍之后，HTML 的优势其实已经非常清楚了。但我们还是把它系统地讲一遍。

1. HTML 是”描述目的”的格式，天然适配 AI

回到刚才 PPT 那两行 CSS 的例子——HTML 和 CSS 让 AI 只需要表达”我想要什么”，而不是”逐像素告诉系统怎么做”。

这一点对 AI 是结构性优势。AI 擅长的是”用语言描述意图”，最不擅长的就是”做精确的数学定位计算”。HTML 的设计哲学恰好和 AI 的能力完美匹配。

2. HTML 能装下”几乎所有信息类型”

Thariq 列了一份清单：

• • 表格（带对齐、合并单元格、彩色高亮）
• • SVG 图表（柱状图、饼图、流程图、架构图）
• • CSS 样式（颜色、字体、间距、布局）
• • 图片、音频、视频
• • 代码片段（带语法高亮）
• • 交互组件（按钮、滑块、标签页、可拖拽卡片、表单）
• • 嵌入式小工具

Word、PPT、PDF、Markdown 加起来都做不到这个程度。

3. HTML 是”一个文件，到处可看”

• • 浏览器直接打开，电脑、手机、平板都行
• • 发链接就能分享，不用下载附件
• • 网页上原生支持
• • 复制粘贴还原度高

4. HTML 允许”双向交互”

这是最革命性的一点。Word、PPT、PDF 都是单向的——AI 给你，你看。

HTML 不一样——它可以让你操作。

Thariq 举了一个例子：他要重新排列 30 个工单的优先级。如果用文字描述给 AI——效率极低。他的做法是让 AI 生成一个可拖拽的 HTML 卡片界面，他用鼠标拖一拖，点一个”复制为 Markdown”按钮，结果粘贴回 AI 继续工作。

HTML 第一次让”AI 输出”变成了”可操作的工具”，而不只是一段文字。

5. HTML 是 30 年的”老东西”，所以它最稳

这是 HTML 一个常被忽略的优势——它从 1993 年开始就有了。

• • 全世界所有浏览器、所有设备都原生支持
• • 标准极其稳定，30 年没什么破坏性变化
• • 学习材料、工具链、生态都极其成熟

它不是新发明，但 AI 时代恰好让它的所有优点都被重新放大了。

五、最深的洞察：HTML 让”人”重新回到 AI 工作流里

讲完所有技术优势后，Thariq 给出了整篇文章真正的灵魂观点：

随着 AI 能力增强，人会越来越少认真读 AI 给的东西。

任务交出去，AI 干完，结果扔过来——表面上看效率提高了，但人正在逐渐脱离 AI 的决策过程。

想象一下：你让 AI 写一份商业计划书，它”刷”地给你 20 页 Word。你扫了两眼，“嗯，看起来挺像那么回事”，然后就直接发给老板了。

中间 AI 做了什么判断？哪些地方做了取舍？为什么选这个方案？——全都藏在一大段没人愿意读完的文字里。

这就是 AI 时代的一个隐性危机：人正在变成 AI 的”二传手”，而不是”决策者”。

而 HTML 在做的事情是：

• • 用布局让重点信息凸显出来——你扫一眼就知道哪里重要
• • 用颜色让风险点醒目——红色的东西想忽略都难
• • 用交互组件邀请你参与——拖一拖、点一点、切一切，你被拉回决策现场
• • 用对比视图逼你做选择——三个方案并排，你必须选一个

HTML 不只是更好看的格式。它是 AI 时代让人保持”在场”的一种设计。

这一句，是这整篇 980 万浏览量文章最深的洞察。

六、落到具体场景：从硅谷办公室到中国教室

讲完抽象的”格式之争”，我们用四个具体场景说明 HTML 输出能改变什么。

场景一：方案规划——从”长文档”变成”作战看板”

让 AI 帮你策划一次活动。

• • Word 版：一份从上到下读的文档，方案 A 优缺点、方案 B 优缺点、方案 C 优缺点……
• • HTML 版：一个三栏对比看板——三个方案并排，关键差异用颜色标出，预算用图表展示，最后一栏给出推荐方案

场景二：代码评审（程序员场景）——从”读说明”到”看仪表盘”

Thariq 给每个 PR（代码变更）都附一份 HTML 报告：

• • 直接渲染 diff，用颜色区分增删
• • 侧边栏写注释，对应到具体行
• • 红黄绿三色标出问题严重程度
• • 画出模块关系图

不是”解释给你听”，是”整理给你看”。

场景三：调研报告——从”长文”到”知识界面”

让 AI 写”近五年中国新能源汽车市场分析”：

• • Word 版：30 页纯文本+几张静态表格
• • HTML 版：带可切换的标签页（销量/品牌/区域三个视角）、可点击展开的细节、关键数据用图表呈现

同样的内容，HTML 版本的读完率会高得多。

场景四：临时小工具——AI 给你”用完即扔”的小编辑器

需要筛选 50 人婚礼宾客名单？AI 直接给你做一个可拖拽的座位安排小工具，比来回文字描述快 10 倍。

需要给孩子做一个英语单词记忆卡片？AI 给你一个翻卡片的小网页，自动随机出题。

这些工具不需要长期维护，就服务于眼下这一件事，用完就扔。 AI 让这种”一次性工具”的生成成本降到了几乎为零。

七、教育现场的特殊意义：HTML 交互式讲义，可能是老师最被低估的 AI 用法

这一节是本文最想讲给老师的内容。

如果说”让人重新回到 AI 工作流”是 HTML 的核心价值——那教育是这个价值最容易看到效果的场景。原因很简单：

教学的本质，就是不断对抗”学生脱离思考过程”的过程。

每个老师都熟悉这个画面：你讲得很投入，学生看着 PPT 点头，但下课一问——“这个公式为什么这样推导？” 一片沉默。

学生不是没”听到”，是没”参与”。

这和 Thariq 描述的”人变成 AI 二传手”的现象，底层是同一件事——信息单向流动，接收者只是被动扫过。

而 HTML 交互式讲义，恰好是这个问题的解药。

传统讲义 vs HTML 交互式讲义：差在哪？

最关键的变化在第二行：学生角色从”听众”变成了”操作者”。

三个不同学科的真实案例

案例一：物理课——“如果重力变成两倍，会发生什么？”

教初中物理自由落体。

传统做法：黑板上写公式 h = ½gt²，画图举例计算。学生背下来了公式，但很多人其实不”懂”这个公式描述的物理图景。

HTML 交互式讲义：让 AI 生成一个网页，上面有：

• • 一个重力大小的滑块（0.5g 到 3g 可调）
• • 一个初始高度滑块（10 米到 1000 米）
• • 实时演示小球下落动画，旁边显示下落时间和落地速度

学生不再是”背公式”，而是在拖动滑块的过程中亲自发现规律：

• • “重力变两倍，下落时间不是变一半？”
• • “高度翻 4 倍，时间才翻 2 倍，为什么？”

这种”动手玩出来”的理解，远比”背出来”的理解牢固。

案例二：历史课——“二战欧洲战场时间轴 + 决策推演”

教高中二战历史。

传统做法：时间轴+地图+知识点。学生记得住事件，但很难理解”为什么会这样发生”。

HTML 交互式讲义：

• • 可点击的交互式时间轴——点击 1939 年 9 月，弹出当时德国、苏联、英法各国的处境卡片
• • 决策推演按钮——“如果英法在 1936 年制止德国进入莱茵区，会怎样？” 点击展开多种假设路径
• • 关键人物的决策矩阵——把丘吉尔、张伯伦、罗斯福的立场用三栏对比呈现

学生在点击和切换中，自己拼出历史的因果链条。

案例三：语文课——“作文修改对照器”

教初中作文。

传统做法：老师在学生作文上用红笔批注，发回去让学生重写。

HTML 交互式讲义：让 AI 生成一个工具：

• • 左边粘贴学生原文
• • 右边显示 AI 改后版本，用颜色标出每一处修改（红色=删除、绿色=新增、黄色=调整）
• • 鼠标悬停在每处修改上，弹出”为什么这样改”的解释

学生不再只是看到”改过的版本”，而是理解每一处修改背后的逻辑——这才是写作能力真正提升的方式。

老师上手：三个最容易出效果的提示词模板

下面三个提示词可以直接复制使用。把它们粘进AI工具中，把方括号里的内容换成你自己的学科：

模板 1：概念可视化讲义

请帮我做一份 HTML 交互式讲义，主题是【牛顿第二定律 F=ma】。要求：1. 包含 2-3 个可调节的滑块（如质量、力的大小）2. 实时显示对应的加速度变化3. 每个变量旁边有简短的物理意义解释4. 适合初中二年级学生使用请输出完整的单文件 HTML，可以直接在浏览器打开。

模板 2：对比探索式讲义

请帮我做一份 HTML 互动讲义，主题是【唐诗 vs 宋词的风格差异】。要求：1. 左右两栏对比布局2. 选取 4-5 组同主题（如"思乡"）的唐诗和宋词3. 点击任意一首可以展开赏析4. 顶部有标签页切换不同主题请输出完整的单文件 HTML。

模板 3：即时检测练习器

请帮我做一份 HTML 互动练习，主题是【一元二次方程求解】。要求：1. 自动生成 10 道题目2. 学生输入答案后立刻判断对错3. 答错时显示详细解题步骤4. 最后给出总分和错题分析请输出完整的单文件 HTML。

为什么这件事对教育特别重要？

最后说一个老师们可能没意识到的关键点。

过去做”交互式教学课件”是一件门槛极高的事情——需要懂编程，或者花几千块买专门软件，或者依赖学校采购的教学平台。绝大多数一线老师根本没条件做。

但现在不一样了。任何一个会用 Claude 或 ChatGPT 的老师，5 分钟就能为自己班级、自己讲的某个具体知识点，做一份专属的交互式讲义。

这是 AI 时代真正的”教育平权”——不是 AI 替老师讲课，而是 AI 让老师重新获得了原本只有名校才有的教学资源。

而这一切，都建立在”让 AI 输出 HTML 而不是 Word/PPT”这个看似微小的格式选择上。

八、那 Word、PPT、Markdown 就该被淘汰了吗？没那么简单

讲到这里，必须冷静地说一句：HTML 不是万能的。

Thariq 文章发出后，最尖锐的反对评论是：

“对，我就愿意花 5 倍 token 成本，为了好看一点的文本文件。”

这条评论戳中了 HTML 的两个明显代价：

1. 1. 生成慢：HTML 通常需要比 Markdown 多 2-4 倍的时间
2. 2. 成本高：AI 调用按 token 算钱，HTML 平均要多花几倍

而且也有更深的反对意见——HTML 容易让人陷入视觉花哨的陷阱，反而损失了内容本身的清晰度。

那到底什么时候用哪种格式？业内已经形成了一个相对清晰的判断标准：

看输出的”读者”是谁。

所以这不是”HTML 取代一切”，而是”AI 输出该有一个更聪明的默认格式”。

在大多数”复杂内容给人看”的场景里——HTML 应该是第一选项。

九、对不同人群的行动建议

给老师

• • HTML 交互式讲义不是锦上添花，而是颠覆性的教学工具
• • 三个最值得立刻尝试的场景：
• 概念可视化（让抽象变直观）
• 对比探索（让选择有路径）
• 即时检测（让错误立刻反馈）
• • 直接复制本文第七节的提示词模板，替换你自己的学科试试
• • 进阶用法：把同一个知识点做成”三个难度版本”，给不同水平的学生

给非技术工作者（产品经理、研究者、内容创作者）

• • 下次用 ChatGPT、Claude、豆包写复杂内容时，末尾加一句”用 HTML 网页的形式呈现”
• • 适合的场景：调研报告、产品对比、多方案选择、培训材料、知识总结
• • 不适合的场景：邮件正文、群发通知、简单问答
• • 一旦尝试过几次，你大概率不会再回到 Word/PPT

给技术人员

• • 在 Claude Code / Cursor 里，下次让 AI 生成方案、评审、规划时，加一句”用 HTML artifact 输出”
• • 区分输出对象：给 AI 看的（pipeline 中间产物）继续用 Markdown，给人看的（最终产物）换 HTML
• • 参考 Thariq 的 20 个示例画廊：thariqs.github.io/html-effectiveness

给所有人的元启示

最值得记住的是 Thariq 那句话——

AI 越强，人就越容易脱离决策过程。

不管你用什么格式，每次接到 AI 的产出时，多问自己一句：

“我真的看明白了它给的东西吗？还是只是扫两眼就觉得’差不多得了’？”

这是 AI 时代每个人都需要的新素养。

写在最后

回顾整件事，Thariq 这篇文章被疯狂转发的原因，不是因为它在技术上有多么颠覆——HTML 这个格式已经 30 多年了，每个网页都在用它。

它戳中行业的地方在于：有人终于把”AI 输出格式”这件事拿到台面上讨论了。

过去三年，整个行业默认 Word/PPT/PDF/Markdown 是”内容输出的正确格式”——这不是有人决定的，是历史惯性。但当 AI 能力快速进化、应用场景越来越复杂时，这个默认值理应被重新审视。

最终这不是格式之争，而是一个更大的问题：

当 AI 越来越强，我们和它的”协作界面”应该长什么样？

而这个问题对老师有特殊的意义——因为教育的本质，就是为学生设计最好的”理解界面”。

下次你打开豆包，deepseek，kimi，qwen，让它做一件复杂的事时——也许可以试试在末尾加一句：

“请用 HTML 网页的形式呈现这个结果。”

试试看。如果你是老师，强烈建议从你下一节课的某个难点知识点开始试。

这可能是这个 AI 时代最便宜、最容易做到、却最被低估的一次能力升级。