HTML から Markdown へのオンラインコンバーター – HTML とテーブルを GFM に変換
生の HTML コード、Web ページ スニペット、および HTML テーブルを、クリーンで読み取り可能な GitHub フレーバー付き Markdown (.md) にリアルタイムで変換します。ブログ投稿を静的サイト ジェネレーター (Astro、Hugo、Next.js、Jekyll) に移行したり、GitHub README や Obsidian ノート用のクリーンなドキュメントを準備したり、AI/LLM プロンプト用に Web HTML を軽量の Markdown コンテキストに圧縮したりするのに最適です。
オンラインでHTMLをMarkdownに変換する方法
- HTML コードを貼り付けます: HTML スニペット (または Web ページのソース コード全体) を左側の HTML 入力 ボックスに入力または貼り付けるか、サンプル HTML の読み込みをクリックして、見出し、タスク リスト、コード ブロック、および HTML テーブルを使用してテストします。
- Markdown 構文のカスタマイズ: 右側の Markdown 構文スタイル パネルを使用して、ATX (
#) または Setext (===) 見出し、フェンスされた (```) またはインデントされたコード ブロックを選択します。および inline ([text](url)) または参照形式 ([text][1]) リンク。 - GFM とクリーンアップ フィルターの切り替え: HTML
を GFM パイプ テーブルに変換する
および ZQStrip - コピーまたはダウンロード
.md: clipboardにコピー をクリックして Markdown を GitHub、Obsidian、Notion、または VS Code に貼り付けるか、Download .md をクリックして Markdown ファイルとして直接保存します。
HTML から Markdown への変換リファレンス チートシート
当社のコンバーターは、標準の CommonMark と GitHub フレーバーの Markdown (GFM) 拡張機能の両方をサポートしています。
| 要素 | HTML入力 | Markdown出力 | ||
|---|---|---|---|---|
| 見出し (H1–H6) | |
# タイトル / ## サブタイトル (またはテキスト === / ---) |
||
| 太字と斜体 | 太字 & 斜体 |
**太字** & *イタリック* (または __Bold__ & _Italic_) |
||
| 取り消し線 (GFM) | |
~~非推奨~~ |
||
| リンクと画像 | ドキュメント |
[ドキュメント](https://example.com) または [ドキュメント][1] |
||
| タスク リスト (GFM) | |
- [x] 完了 |
||
| フェンスで囲まれたコード ブロック | |
```js ... ``` (言語クラスを自動的に検出) |
||
| HTML テーブル (GFM) | |
|あ | B |XXQ2QXZZZQ3QXZ| --- | --- | |
HTML を Markdown に変換する理由
- 静的サイトと CMS の移行: 従来の HTML 記事または WordPress エクスポートを、Astro、Next.js、Hugo、イレブンティ (11ty)、Docusaurus、Jekyll などの最新のフレームワーク用の Markdown/MDX ファイルに簡単に移行します。
- AI および LLM コンテキストの準備: 生の Web HTML をクリーンな Markdown に変換すると、DOM ラッパーの肥大化が取り除かれ、ChatGPT、Claude、および Gemini プロンプトのセマンティック階層、テーブル、およびコード ブロックを維持しながら、トークン数が 60% から 80% 削減されます。
- ナレッジベースとメモ作成アプリ: Web ドキュメントをクリップし、Obsidian、Notion、Logseq、または GitHub Wiki にきれいに保存します。
よくある質問
このツールは、HTML 要素を Markdown テーブルに変換しますか?
はい！ Convert HTML :---、:---、 :---:、---:) align または text-align スタイルから読み取ります。
ATX 見出しと Settext 見出しの違いは何ですか?
ATX スタイル は、見出しの前にハッシュ記号を使用し (# 見出し 1 ～ ###### 見出し 6)、ほとんどすべての最新の Markdown パーサーに推奨されます。 Setext スタイル は、レベル 1 の見出しに等号 (===) で下線を引き、レベル 2 の見出しにハイフン (---) で下線を付けます。
「ハイパーリンクを保持する」のチェックを外すとどうなりますか?
[ハイパーリンクを保持] のチェックを外すと、文内にクリック可能なアンカー テキストを保持したまま、URL マークアップが削除されます (したがって、ガイド は、消えるのではなく、プレーンな ガイド になります)。
Markdown を HTML に戻すにはどうすればよいですか?
Markdown 構文を HTML コードに変換する必要がある場合は、以下の「関連ツール」セクションにリンクされているコンパニオン Markdown to HTML Converter を使用してください。