推荐语
Claude Code团队建议用HTML替代Markdown，提升信息可读性，让AI输出更丰富的交互内容。核心内容：1. Markdown作为AI时代历史遗留物的局限性2. HTML相比Markdown多出的核心能力与价值3. 如何具体操作：一个可直接复用的Prompt示例
杨芳贤
53AI创始人/腾讯云(TVP)最具价值专家
Markdown是给AI读的设计，HTML是给信息读的设计。这两个东西，看着差不多，其实是两个完全不同的方向。
Simon Willison，Python Web这个世界最老牌的技术博主之一，从GPT-4时代就开始让AI用Markdown回答他——理由是那时候模型上下文窗口只有8,192个token，Markdown比HTML省token，效率高。
最近他改口了。说用了这个新方法之后，他的十年习惯可能要改。改的原因是：Claude Code团队一个人写了篇文章，让他意识到自己可能一直用错了格式。
这篇文章的标题叫《The Unreasonable Effectiveness of HTML》，来自Thariq Shihipar，Claude Code团队的工程师。他的核心观点就一个：让AI用HTML而不是Markdown回答你，你会发现信息可读性突然上了一个台阶——因为HTML可以嵌入SVG图表、交互组件、跳转导航，而Markdown只能输出纯文本加一些格式符号。
本期提纲：
· 为什么Markdown是AI时代的历史遗留物 · HTML比Markdown多出来的那些能力，到底值多少 · 怎么立刻用起来：一个具体到可以抄的prompt
为什么Markdown是AI时代的历史遗留物 先说清楚一件事：Markdown在这个场景里没有错，它只是老了。Markdown设计的年代是2004年，那时候它的竞争对手是纯文本，目标是让写作者用最少的标记语法得到最基本的格式——加粗、斜体、标题、列表。它完成得很好。
但AI时代的信息输出需求，已经远远超出了这些。Simon Willison自己说得很清楚：GPT-4时代用Markdown，是因为上下文窗口太小，Markdown的token效率优势明显。现在Claude GPT-5的上下文窗口已经扩展到几十万token，token成本急剧下降，Markdown省token的理由已经不存在了。
更重要的是，Markdown的输出是线性的。你写一段文字，它就是一段文字。你插一张图，它就是一张图。没有结构层次，没有交互可能，没有内部分层导航。你拿到的是一个固定排版的文档，不是可以探索的信息空间。
Markdown 输出 线性 · 无交互 · 静态 HTML 输出 交互按钮 标签页 ✓ SVG · 交互 · 导航 · 分层 图：Markdown vs HTML 输出能力对比
HTML比Markdown多出来的那些能力，到底值多少 Simon Willison自己动手试了一把。他用GPT-5.5，让AI解释copy.fail网站上的一个Linux安全漏洞，用HTML格式输出。他给的prompt是这样的：
curl https://copy.fail/exp | llm -m gpt-5.5 -s 'Explain this code in detail. Reformat it, expand out any confusing bits and go deep into what it does and how it works. Output HTML, neatly styled and using capabilities of HTML and CSS and JavaScript to make the explanation rich and interactive and as clear as possible'
结果出来之后，Simon自己都承认：效果比任何Markdown解释都要好。页面上有高亮注释，有分类标签，有结构化拆解，还有颜色编码——这不是在"解释代码"，这是在"构建一个可以探索的知识空间"。
Thariq Shihipar在原文里收集了很多这样的例子。他的核心观点是：当你让AI输出HTML而不是Markdown，你解锁了四个Markdown根本没有的能力——SVG矢量图、交互组件、页内导航、滚动驱动动画。这些东西加在一起，可以让同样的信息，信息密度和可读性提升几个档次。
你说这些东西难吗？一点也不。AI天然就是生成HTML的高手——它比任何人都更清楚怎么用HTML/CSS/JavaScript构建结构化输出。你需要的只是一个prompt的转变，不是学一门新技术。
同样的信息，不同的输出格式，效果天差地别 旧 prompt "请用Markdown解释这段代码" 纯文本 + 基本格式 新 prompt "请用HTML解释，嵌入SVG图表" SVG · 交互 · 导航 · 颜色编码 图：一个prompt的转变：输出格式决定信息密度
怎么立刻用起来 你不需要学任何新东西。你只需要改一句话。
Thariq在原文里给了一些可以直接抄的prompt模板。Simon也在他的博客里实测有效。我整理了几个最值得马上用的：
「帮我review这段代码，用HTML artifact输出，包含内联边距注释、按严重性颜色编码的发现，以及任何有助于传达概念的图表。」
这个prompt特别适合PR review——颜色编码的diff，本身就比灰色文字直观太多。
「用HTML解释这段技术概念，包含SVG图表和交互演示。如果概念有多个层次，用锚点导航跳转。」
这类prompt特别适合学习新技术——用HTML构建一个可探索的笔记，比Markdown的线性列表效率高很多。
坦率的讲，这篇文章不是让你去研究HTML语法，而是让你改变一个下意识习惯：下次你让AI解释什么东西的时候，在prompt后面加一句「用HTML输出」。就这一句话，你得到的东西可能完全不一样。
小结 Simon Willison承认要改十年习惯，这事本身就说明问题。他说："用HTML做输出，让我开始重新思考和AI交互的方式。"这种转变不复杂，也不需要新技术。它需要的只是意识到：Markdown是AI时代的过渡格式，HTML才是信息输出的新默认。这个认知转变，可能比任何工具都重要。
你平时让AI回答的时候，会指定输出格式吗？
· 你觉得HTML输出在实际工作中最值得用在哪个场景？ · 除了HTML，还有什么格式是你想让AI输出的？ · 你有没有试过让AI帮你做可交互的"演示页"？
评论区聊聊。
参考来源
· Simon Willison《Using Claude Code: The Unreasonable Effectiveness of HTML》（simonwillison.net，2026年5月8日） · Thariq Shihipar《The Unreasonable Effectiveness of HTML》（thariqs.github.io/html-effectiveness/） · Simon Willison实测案例：GPT-5.5 HTML解释copy.fail漏洞（2026年5月）
粤ICP备14082021号
免费POC，
零成本试错
