你認為使用 HTML 取代 Markdown 的理由為何？
輸入你的理由
事件起源
2026 年 5 月 8 日
Anthropic Claude Code 工程師 Thariq Shihipar 在 X 平台發表文章
「The Unreasonable Effectiveness of HTML」
「The Unreasonable Effectiveness of HTML」
發文後 16 小時內
迅速引爆全球工程師社群，登上 Hacker News 熱榜
延燒至今
Threads、LinkedIn、Medium、各大技術部落格持續討論，
多家 AI 公司跟進測試
多家 AI 公司跟進測試
440萬+
16 小時瀏覽次數
8,200+
按讚數
15,700+
書籤收藏數
為什麼過去大家用 Markdown？
早期 LLM 的 context window 只有幾 K token，開發者必須節省每一個字元。
Markdown 語法簡潔，HTML 標籤比 Markdown 多消耗大量 token，在小 context 時代不划算。
✅ 進入百萬 token 時代，HTML 的 token 開銷不再是瓶頸
HTML 的四大優勢
資訊密度
可嵌入 SVG 圖表、互動表格、錨點導覽，讓複雜資訊一頁呈現，而非線性文字堆砌
視覺豐富度
CSS 排版 + base64 內嵌圖片 + 空間佈局，視覺設計遠超 Markdown 的純文字
互動能力
JavaScript DOM 操作、可執行程式碼區塊、按鈕與篩選功能，Markdown 無法實現
分享便利性
單一 .html 檔案可在任何瀏覽器完整開啟，無需 Markdown 渲染器或特定閱讀器
親眼見證：Markdown ➜ HTML 即時轉換
## AI 輸出格式的演進
過去 LLM context window 有限，**Markdown** 因語法精簡而成為標準。
**Thariq Shihipar** 在 2026 年 5 月大膽提出：
> 「HTML 才是 AI Agent 的最佳輸出格式，
> Markdown 的時代已經過去。」
### 三大關鍵優勢
- **視覺化** — SVG 圖表、精準排版、嵌入圖片
- **互動性** — JavaScript 動態行為、按鈕事件
- **分享力** — 單一 .html 檔，全裝置瀏覽器即開即用
| 比較項目 | Markdown | HTML |
|------------|----------|--------|
| 視覺豐富度 | 低 | 高 |
| 互動能力 | 無 | 強 |
| Token 效率 | 高 | 中 |
AI 輸出格式的演進
過去 LLM context window 有限，Markdown 因語法精簡而成為標準。 Thariq Shihipar 在 2026 年 5 月大膽提出：
「HTML 才是 AI Agent 的最佳輸出格式，
Markdown 的時代已經過去。」
三大關鍵優勢
- 視覺化 — SVG 圖表、精準排版、嵌入圖片
- 互動性 — JavaScript 動態行為、按鈕事件
- 分享力 — 單一 .html 檔，全裝置瀏覽器即開即用
| 比較項目 | Markdown | HTML |
|---|---|---|
| 視覺豐富度 | 低 ✗ | 高 ✓ |
| 互動能力 | 無 ✗ | 強 ✓ |
| Token 效率 | 高 ✓ | 中 △ |
{ Markdown 原始碼 }
HTML 渲染結果
{ Markdown }
HTML ✦
0%
HTML vs Markdown：全面對比
⬡ HTML
- SVG、Canvas、互動圖表
- CSS 自訂排版與樣式
- JavaScript 互動邏輯
- base64 內嵌圖片
- 長文件導覽錨點
- 豐富的跨平台渲染
- 可執行的程式碼沙盒
VS
⬡ Markdown
- 語法簡潔易讀易寫
- 任意文字編輯器可開啟
- Git diff 清晰可讀
- token 消耗較少
- 版本控制友善
- 可直接轉換多種格式
- 適合資料處理管線
資料整理自 Thariq Shihipar 文章及社群討論
核心主張
Markdown 正在成為「沒有人讀 AI 產出內容」的原因之一——
它讓 AI 的輸出停留在線性文字的層次，
而 HTML 能讓 AI 輸出成為真正的多維度互動文件。
HTML 可在單一自我包含的文件中同時呈現：
複雜表格、SVG 向量插圖、可執行程式碼、
JavaScript 互動元件、空間佈局，以及文件範圍樣式表。
社群反應
支持陣營 ✅
- ✦ AI 工程師社群快速形成共識
- ✦ 「幾乎所有正式 Agent 輸出場景 HTML 都更好」
- ✦ Hacker News 熱榜討論
- ✦ Medium、技術部落格大量跟進
- ✦ 多家 AI 公司測試切換
保留意見 ⚠️
- ✦ Markdown 可編輯性無可取代
- ✦ HTML diff 雜亂，不利 code review
- ✦ RAG 資料處理管線仍偏好 Markdown
- ✦ 版本控制工作流程有疑慮
- ✦ 非技術使用者學習門檻較高
RAG 場景的例外
2026 年 benchmark 研究顯示：在 RAG（檢索增強生成）的資料處理管線中，
Markdown 仍有優勢；但在最終展示端輸出，HTML 明顯勝出。
展示端輸出
HTML 明顯勝出
互動、視覺、可讀性
互動、視覺、可讀性
資料處理管線
Markdown 仍有優勢
解析、轉換、索引
解析、轉換、索引
結論：HTML 與 Markdown 並非零和競爭，適用場景不同
結論與建議
選 HTML 的時機
- AI Agent 最終輸出報告
- 需要視覺化或圖表
- 分享給非技術人員
- 互動式儀表板
- 長篇多章節文件
選 Markdown 的時機
- 需要 Git 版本控制
- RAG 資料處理管線
- 開發者協作文件
- 需要多格式轉換
- 純文字編輯場景
🎯 大 Context 時代，HTML 已是 AI Agent 輸出的最佳選擇
The Unreasonable Effectiveness
of HTML
「不要讓 Markdown 成為沒有人閱讀 AI 輸出的原因」
— Thariq Shihipar，Anthropic
整理自 ABMedia｜Grenade｜Tenten｜電腦王阿達｜Epsilla Blog｜Lenny's Newsletter