コンテンツへスキップ
uencoder

HTML を Markdown に変換する

HTML コンテンツを Markdown に変換して、より簡単な編集・保存や、Markdown 対応システムでの表示に使います。見出し、リスト、リンク、画像、コードブロックに対応します。

  1. 1

    HTML から Markdown への変換は、複雑な HTML(スクリプト、スタイル、フォーム)を除去し、一般的な要素を Markdown にマッピングします。<h1>→#、<p>→テキスト、<a>→[テキスト](url)、<img>→![alt](url)、<ul>→- 項目、<code>→`code`。結果は読みやすく編集しやすいプレーンテキスト形式です。

  2. 2
    Markdown HTML コンバーター →

    このツールは HTML と Markdown の相互変換を行います。HTML を貼り付けて Markdown に変換します。複雑な HTML(テーブル、ネストされた div、iframe)は簡略化または除去される場合があるため、出力の完全性を確認してください。

  3. 3
    HTML ミニファイア →

    変換前に HTML をミニファイして不要な空白とコメントを除去します。これにより、余分な空行やインデントのノイズがない、きれいな Markdown 出力が得られます。

  4. 4
    markdown-html
    レシピを見る ツールチェーンで開く

    ラウンドトリップ検証には逆方向のワークフロー(Markdown → HTML)を使います。HTML→Markdown→HTML と変換して比較すると、情報の損失(Markdown で表現できない複雑な HTML)がわかります。

  5. 5

    制限:Markdown はすべての HTML を表現できません。テーブル(拡張なし)、2 レベルを超えるネストリスト、定義リスト、複雑なスタイルは失われるか簡略化されます。完全な表現力が必要なら HTML を、簡潔さが恩恵をもたらすコンテンツには Markdown を使ってください。

よくある質問

変換で失われる HTML 要素は何ですか?
スクリプト、スタイル、フォーム、iframe、object/embed、複雑なテーブル(colspan/rowspan)、定義リスト、スタイル付き span/div は通常除去または簡略化されます。セマンティック HTML(article、section、nav)は通常プレーンテキストとして保持されます。
Markdown を HTML にロスレスで戻せますか?
一般的な Markdown(見出し、段落、リスト、リンク、画像、コードブロック)なら可能です。拡張(テーブル、脚注、タスクリスト)は Markdown の方言によります。最良の互換性には GitHub-Flavored Markdown(GFM)を使ってください。

このタスクを解決するワークフロー

CSV から Markdown を経て HTML へ変換
CSV データを Markdown テーブルとしてレンダリングし、その後ドキュメント用のスタンドアロン HTML に変換する。
パイプライン
Markdown から HTML へ変換後にミニファイ
Markdown を HTML としてレンダリングし、その後コンパクトな埋め込みまたは転送のために HTML をミニファイする。
パイプライン

関連ツール

Markdown HTML コンバーター
Convert between Markdown and HTML online. Supports headings, bold, italic, code blocks, links, images, lists, tables, quotes, and horizontal rules。無料、プライベート、100%クライアントサイド。
ツール
HTML ミニファイア
Minify HTML by removing comments and whitespace。無料、プライベート、100%クライアントサイド。
ツール
HTML エスケープツール
Escape or unescape HTML special characters online。無料、プライベート、100%クライアントサイド。
ツール