易混淆對照

網頁原始碼跟 Markdown 差在哪？一個給瀏覽器看，一個給 AI 看

2026/8/28酒Ann1,159 字約 4 分鐘

HTML 是網頁的原始結構語言，包含內容、排版、樣式、廣告、腳本等所有視覺呈現所需的元素，是給瀏覽器看的。Markdown 是一種輕量級標記語言，只保留內容的語意結構，例如標題、清單、連結、粗體，是給人與 AI 看的。把整份 HTML 丟給 AI，九成以上是廢話，會浪費 Token 也會干擾理解。

很多人抓網頁資料的第一個動作，是把整份原始碼複製起來丟給 AI，然後抱怨它抓不到重點。

問題不在 AI，在你餵給它的東西：那裡面九成是標籤、樣式跟廣告。

你將學到什麼

HTML 給瀏覽器看，包含所有視覺元素；Markdown 給 AI 看，只保留語意內容。

一個是連骨架與皮肉的整隻雞，一個是挑好的雞胸肉。

Token 成本。整份原始碼會讓費用暴增，重點還被稀釋。

抓取後先轉成 Markdown，再餵給模型分析。

HTML 是給瀏覽器看的骨架與皮肉，包含內容、排版、樣式、廣告、腳本等所有視覺呈現所需的元素。

Markdown 是給 AI 大腦閱讀的純淨精華，只保留內容的語意結構，去除所有排版與雜訊，讓 AI 專注在內容本身。

同一篇趨勢報告，原始碼版本開頭是一整串文件宣告、樣式表連結與追蹤腳本，真正的內文躲在第十五行以後。

轉成 Markdown 之後，標題、日期、作者、三大重點趨勢、結論一目了然，AI 一眼就抓到該抓的東西。這正是抓取網頁時該做的前處理，細節可看 Web Scraping 網頁抓取。

頂尖的抓取工具會自動完成四件事：抓取、清理、轉換、輸出，直接給你乾淨的 Markdown。

流程是輸入網址、清理雜訊、轉換成 Markdown、輸出乾淨內容。你不需要自己寫，但要知道這一層存在，否則會一直在餵垃圾。這也是 Format 格式為什麼是一個要主動指定的東西。

常見誤解四個新手常見誤區：把整份 HTML 原始碼直接丟給模型；以為 AI 會自動忽略標籤（其實它會被干擾）；沒意識到 Token 成本是以字元數計費；忽略結構化對 AI 解析的重要性。想讓 AI 又聰明又省錢，就把網頁轉成 Markdown，讓它只看精華不看垃圾。

本文源起本文內容出自酒Ann 的「AI 實戰陪跑班」課程教材，由酒Ann 編寫成彙編條目。想系統性搞懂 AI 名詞，歡迎追蹤酒Ann 的 Facebook。

寫給剛升上國中的你：筆記不是寫給老師看的，是寫給考前的自己看的。18 章 85 課圖文，從「為什麼要寫」講到七科各自怎麼記，附 78 份可以印出來寫的練習單，以及 80 課家長專區與 34 張三年筆記養成路徑圖。沒有閱讀期限，國一買、國三還在。

NT$ 3,599

一場快閃直播的完整重製。從搞懂 Skill 的五個層級開始，帶你把一件你每天在做的重複工作，寫成一支 AI 真的會照做的 Skill ── 命名、description、輸入拆解、Workflow 訪談、Output 與 Checks，最後組成一份能通過格式檢查的 SKILL.md。

NT$ 999

把這篇文章分享給需要的人Facebook LINE Threads X

為什麼直接餵 HTML 給 AI 是大坑？

五個理由：九成以上是廢話，包含標籤、樣式、廣告、腳本；嚴重佔用 Token 與上下文視窗；干擾解析，模型會漏掉真正的重點；讓呼叫成本暴增；結構混亂難以理解與摘要。結果就是花更多錢，得到更差的答案。

什麼時候還是需要 HTML？

四種情況：需要分析網頁結構或做前端開發、要抓取特定標籤裡的資料（例如價格、連結、圖片）、需要保留原始程式碼進行技術處理、以及做搜尋引擎優化或結構化資料分析。這些場合關心的正是標籤本身，那就不能轉掉。

Markdown 適合用在哪些場景？

餵給大型語言模型做摘要、分析與問答；做檢索增強生成的資料來源；建立向量資料庫；整理文件知識庫、技術文件與研究報告。它結構清晰、雜訊少，摘要品質與檢索效果都比原始碼好很多。