易混淆對照
網頁原始碼跟 Markdown 差在哪？一個給瀏覽器看，一個給 AI 看
HTML 是網頁的原始結構語言，包含內容、排版、樣式、廣告、腳本等所有視覺呈現所需的元素，是給瀏覽器看的。Markdown 是一種輕量級標記語言，只保留內容的語意結構，例如標題、清單、連結、粗體，是給人與 AI 看的。把整份 HTML 丟給 AI，九成以上是廢話，會浪費 Token 也會干擾理解。
網頁原始碼跟 Markdown 差在哪？一個給瀏覽器看，一個給 AI 看
很多人抓網頁資料的第一個動作，是把整份原始碼複製起來丟給 AI，然後抱怨它抓不到重點。
問題不在 AI，在你餵給它的東西：那裡面九成是標籤、樣式跟廣告。
你將學到什麼
一句話定義
HTML 給瀏覽器看，包含所有視覺元素；Markdown 給 AI 看，只保留語意內容。
白話比喻
一個是連骨架與皮肉的整隻雞，一個是挑好的雞胸肉。
差在哪裡最痛
Token 成本。整份原始碼會讓費用暴增，重點還被稀釋。
怎麼做才對
抓取後先轉成 Markdown，再餵給模型分析。
一句話核心觀念
HTML 是給瀏覽器看的骨架與皮肉，包含內容、排版、樣式、廣告、腳本等所有視覺呈現所需的元素。
Markdown 是給 AI 大腦閱讀的純淨精華，只保留內容的語意結構，去除所有排版與雜訊，讓 AI 專注在內容本身。
核心差異比較
| 比較項目 | HTML 網頁原始碼 | Markdown 格式化 |
|---|---|---|
| 給誰看 | 瀏覽器 | 人與 AI |
| 內容組成 | 內容加上標籤、樣式、廣告、腳本 | 只有標題、清單、連結、粗體等語意結構 |
| Token 用量 | 極高，九成以上是雜訊 | 低，成本大幅下降 |
| AI 理解難度 | 高，容易漏掉重點 | 低，結構清晰易於理解 |
| 摘要品質 | 不穩定，幻覺機率高 | 更精準、更可靠 |
| 適合場景 | 前端開發、抓取特定標籤、SEO 分析 | 摘要分析、RAG、向量化、知識庫 |
實際用例
同一篇趨勢報告，原始碼版本開頭是一整串文件宣告、樣式表連結與追蹤腳本，真正的內文躲在第十五行以後。
轉成 Markdown 之後，標題、日期、作者、三大重點趨勢、結論一目了然，AI 一眼就抓到該抓的東西。這正是抓取網頁時該做的前處理，細節可看 Web Scraping 網頁抓取。
專業爬蟲工具的做法
頂尖的抓取工具會自動完成四件事：抓取、清理、轉換、輸出，直接給你乾淨的 Markdown。
流程是輸入網址、清理雜訊、轉換成 Markdown、輸出乾淨內容。你不需要自己寫，但要知道這一層存在，否則會一直在餵垃圾。這也是 Format 格式 為什麼是一個要主動指定的東西。
常見誤解四個新手常見誤區：把整份 HTML 原始碼直接丟給模型；以為 AI 會自動忽略標籤（其實它會被干擾）；沒意識到 Token 成本是以字元數計費；忽略結構化對 AI 解析的重要性。想讓 AI 又聰明又省錢，就把網頁轉成 Markdown，讓它只看精華不看垃圾。
本文源起本文內容出自酒Ann 的「AI 實戰陪跑班」課程教材，由酒Ann 編寫成彙編條目。想系統性搞懂 AI 名詞，歡迎追蹤 酒Ann 的 Facebook。
延伸學習
常見問答
為什麼直接餵 HTML 給 AI 是大坑？
五個理由：九成以上是廢話，包含標籤、樣式、廣告、腳本；嚴重佔用 Token 與上下文視窗；干擾解析，模型會漏掉真正的重點；讓呼叫成本暴增；結構混亂難以理解與摘要。結果就是花更多錢，得到更差的答案。
什麼時候還是需要 HTML？
四種情況：需要分析網頁結構或做前端開發、要抓取特定標籤裡的資料（例如價格、連結、圖片）、需要保留原始程式碼進行技術處理、以及做搜尋引擎優化或結構化資料分析。這些場合關心的正是標籤本身，那就不能轉掉。
Markdown 適合用在哪些場景？
餵給大型語言模型做摘要、分析與問答；做檢索增強生成的資料來源；建立向量資料庫；整理文件知識庫、技術文件與研究報告。它結構清晰、雜訊少，摘要品質與檢索效果都比原始碼好很多。