HTML 轉 Markdown
免費線上 HTML 轉 Markdown:貼上原始碼、網頁或 Word 內容或開啟 .html 檔即時轉換,表格、程式碼、連結都保留,可預覽、可拿掉圖片。
把 HTML 原始碼貼上(或開啟 .html 檔),右邊立刻變成 Markdown;手上沒有原始碼時,在網頁或 Word 選取內容複製,貼到上方虛線框也會帶格式轉換。表格、程式碼區塊、刪除線、任務清單都會保留,可切換預覽確認,也能拿掉圖片、連結只留文字。全部在瀏覽器處理,內容不會上傳。
轉換前後的樣子
HTML
<h2>本週重點</h2>
<p>請先看<strong>公告</strong>,再到<a href="https://example.com/form">報名表</a>填寫。</p>
<ul><li>週三<del>下午</del>上午開會</li><li><input type="checkbox" checked> 已寄出通知</li></ul>
<table><tr><td>項目</td><td align="right">金額</td></tr><tr><td>便當</td><td align="right">120</td></tr></table>轉出來的 Markdown(預設選項)
## 本週重點
請先看**公告**,再到[報名表](https://example.com/form)填寫。
- 週三~~下午~~上午開會
- [x] 已寄出通知
| 項目 | 金額 |
| --- | ---: |
| 便當 | 120 |表格的第一列就算不是 <th>,也會補上分隔線變成合法的 Markdown 表格;儲存格裡的連結、粗體會保留,「|」會自動跳脫,靠右對齊的欄位會寫成「---:」。
哪些 HTML 會轉成什麼
| HTML | Markdown |
|---|---|
| <h1>~<h6> | # 到 ######(或選底線式) |
| <strong>、<em> | **粗體**、*斜體*(符號可換) |
| <ul>、<ol> | - 項目、1. 項目 |
| <a> | [文字](網址),或參考式 [文字][1] |
| <img> |  |
| <pre><code> | ``` 圍欄或縮排式程式碼區塊 |
| <blockquote> | > 引用 |
| <table> | | 表格 |,含對齊 |
| <del>、<s> | ~~刪除線~~ |
| 清單裡的核取方塊 | [x] 已完成、[ ] 未完成 |
| <script>、<style> | 整段拿掉 |
轉換選項
- 標題、清單、程式碼、粗斜體、連結的寫法:依你要貼去的地方調整,例如有些舊系統只吃 * 開頭的清單。選項會記在這台瀏覽器,下次打開還在。
- 拿掉圖片:圖片整個不出現。適合把網頁文章丟給 AI 整理、或存成純文字筆記,不想要一堆圖片網址。
- 連結只留文字:連結變成一般文字,網址不保留。
右上角可以在「語法」與「預覽」之間切換:預覽會照 GitHub 的規則把 Markdown 畫出來(先過濾掉危險內容),確認表格、清單有沒有跑掉。
轉不過去的東西
- 顏色、字型、字級:Markdown 本身沒有這些寫法,轉換時會捨去,只留文字內容。
- 合併儲存格:Markdown 表格不能合併儲存格,會照原本的格子排開,可能需要手動調整。
- 影片、iframe、表單:沒有對應的 Markdown 語法;需要保留時,可以直接把那段 HTML 貼在 Markdown 裡(多數平台接受)。
- 版面排版:兩欄、浮動圖片這類版面,會變成由上往下的一般段落。
從 Word 複製時,標題要用 Word 的「標題 1、標題 2」樣式,轉過來才會變成 # 標題;只是把字放大加粗的,會變成一般粗體文字。
HTML 轉 Markdown功能特點
- 保留標題、粗體斜體、清單、連結、圖片、引用與程式碼區塊
- 表格會轉成 GitHub 格式的 Markdown 表格,靠左/置中/靠右對齊一起帶過去
- 刪除線轉成 ~~文字~~、任務清單的核取方塊轉成 [x]/[ ]
- 標題寫法可選 # 井字號或底線式
- 清單符號可選 -、*、+;程式碼區塊可選 ``` 圍欄或縮排
- 連結可選內嵌式或參考式,粗斜體符號也能自訂
- 貼上即轉換、即時看結果,可一鍵複製或下載 .md 檔
- 沒有原始碼也行:從網頁或 Word 直接複製內容貼上,自動帶格式轉換
- 可開啟 .html 檔(舊網頁的 Big5 編碼會自動判斷)
- 輸出可切換「預覽」,看轉出來的 Markdown 排版後的樣子
- 可選拿掉圖片、連結只留文字(給 AI 提示或純文字筆記用)
- 全程在瀏覽器本地處理,內容不會上傳,離線也能用
如何使用HTML 轉 Markdown?
- 貼上 HTML 原始碼、開啟 .html 檔;或在網頁、Word 選取內容複製,貼到上方虛線框
- 輸出框(電腦版在右側、手機在下方)立即顯示轉換後的 Markdown,可切到預覽確認
- 依習慣調整標題、清單、程式碼區塊、連結的寫法,或勾拿掉圖片(會記住)
- 點「複製」貼進 GitHub 或編輯器,或下載成 .md 檔
HTML 轉 Markdown常見問題
可以保留原始格式嗎?
會保留文件結構:標題層級、粗體斜體、有序無序清單、連結、圖片、引用、程式碼區塊與表格。Markdown 本身沒有的東西(顏色、字型、版面配置、表單、影片嵌入)無法對應,轉換後會只剩文字內容。
可以直接輸入網址抓網頁嗎?
目前不行,工具不會去抓網址。請在瀏覽器開啟該網頁,選取需要的段落複製,貼到工具上方的虛線框就會帶著標題、清單、連結等格式轉換;要完整原始碼可按右鍵「檢視網頁原始碼」複製後貼進輸入框。
表格轉出來為什麼跟原本不一樣?
Markdown 表格只支援簡單格線,沒有合併儲存格、跨欄、巢狀表格。遇到這類表格會盡量攤平成一列一列,複雜表格建議轉完再手動整理。
標題要用 # 還是底線?清單要用 - 還是 *?
都可以在轉換選項裡切換。GitHub、Notion、Obsidian 都接受 # 井字號標題與 - 清單,這也是預設值;只有少數舊系統才需要底線式標題或 * 清單。
內容會被上傳到伺服器嗎?
不會。轉換完全在你的瀏覽器裡執行,貼進來的 HTML 不會離開你的電腦,斷網也能使用。
可以直接輸入網址,把整個網頁轉成 Markdown 嗎?
目前不行:網頁會擋掉從別的網站直接讀取內容。做法是打開那個網頁,選取要的內容複製,貼到上方的虛線框;或按右鍵「另存網頁」存成 .html 檔再開啟。
Word 文件可以轉成 Markdown 嗎?
可以。在 Word 裡選取內容複製,貼到上方的虛線框就會帶著標題、粗體、清單、表格一起轉。要整份轉換就全選複製;圖片不會跟著剪貼簿過來,建議勾「拿掉圖片」避免出現空的圖片連結。