HTML 轉 Markdown

免費線上 HTML 轉 Markdown:貼上原始碼、網頁或 Word 內容或開啟 .html 檔即時轉換,表格、程式碼、連結都保留,可預覽、可拿掉圖片。

立即使用HTML 轉 Markdown(免費、免註冊)

把 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 會轉成什麼

標籤對照
HTMLMarkdown
<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?

  1. 貼上 HTML 原始碼、開啟 .html 檔;或在網頁、Word 選取內容複製,貼到上方虛線框
  2. 輸出框(電腦版在右側、手機在下方)立即顯示轉換後的 Markdown,可切到預覽確認
  3. 依習慣調整標題、清單、程式碼區塊、連結的寫法,或勾拿掉圖片(會記住)
  4. 點「複製」貼進 GitHub 或編輯器,或下載成 .md 檔

HTML 轉 Markdown常見問題

可以保留原始格式嗎?

會保留文件結構:標題層級、粗體斜體、有序無序清單、連結、圖片、引用、程式碼區塊與表格。Markdown 本身沒有的東西(顏色、字型、版面配置、表單、影片嵌入)無法對應,轉換後會只剩文字內容。

可以直接輸入網址抓網頁嗎?

目前不行,工具不會去抓網址。請在瀏覽器開啟該網頁,選取需要的段落複製,貼到工具上方的虛線框就會帶著標題、清單、連結等格式轉換;要完整原始碼可按右鍵「檢視網頁原始碼」複製後貼進輸入框。

表格轉出來為什麼跟原本不一樣?

Markdown 表格只支援簡單格線,沒有合併儲存格、跨欄、巢狀表格。遇到這類表格會盡量攤平成一列一列,複雜表格建議轉完再手動整理。

標題要用 # 還是底線?清單要用 - 還是 *?

都可以在轉換選項裡切換。GitHub、Notion、Obsidian 都接受 # 井字號標題與 - 清單,這也是預設值;只有少數舊系統才需要底線式標題或 * 清單。

內容會被上傳到伺服器嗎?

不會。轉換完全在你的瀏覽器裡執行,貼進來的 HTML 不會離開你的電腦,斷網也能使用。

可以直接輸入網址,把整個網頁轉成 Markdown 嗎?

目前不行:網頁會擋掉從別的網站直接讀取內容。做法是打開那個網頁,選取要的內容複製,貼到上方的虛線框;或按右鍵「另存網頁」存成 .html 檔再開啟。

Word 文件可以轉成 Markdown 嗎?

可以。在 Word 裡選取內容複製,貼到上方的虛線框就會帶著標題、粗體、清單、表格一起轉。要整份轉換就全選複製;圖片不會跟著剪貼簿過來,建議勾「拿掉圖片」避免出現空的圖片連結。