01 / 例
例
入力
<h1>こんにちは</h1><p>ようこそ</p>結果
# こんにちは
ようこそコード整形 / MULTIVERTO
HTML から Markdown へ
サポートされている意味的 HTML タグを Markdown に変換します。
変換ツール入力内容はこのブラウザ内にとどまり、変換のために送信されません。
ファイルはブラウザー内にとどまります。
ツールを連結
02 / ガイド
HTML から Markdown へ — 仕組み
このツールの変更点
対応する意味的な HTML タグを Markdown に変換します。このツールは定められた入力の一部を解析し、対応する形式だけを書き出します。見出し、段落、強調、リスト、リンク、インラインコードには直接対応する表記がありますが、装飾用の属性や未知のコンポーネントにはありません。非対応のタグは拒否し、内容を気付かないうちに落とすことを避けます。
入力形式と変換規則
この方向では対応する意味的な HTML から始めます。逆変換は少数のタグだけを受け付け、未知の要素を黙って捨てる代わりに拒否します。複雑な表、入れ子のリスト、画像、独自拡張、CSS はこのツールだけでは完全に往復できません。HTML には Markdown で表せない構造や見た目の情報もあるので、結果の本文だけでなく描画された表示も比べてください。
信頼できるワークフロー
データ形式の変更は、単に句読点を書き換えることではなく、二つの情報モデル間の対応付けです。まず、必要に応じて非 ASCII 文字、欠けたフィールド、入れ子の値を含む小さな代表レコードを用意してください。変換後、キー、順序、数値、null、配列、繰り返し項目がどう表現されるか確認します。変換先の形式に元の機能と同等の表現がない場合もあるため、個別の説明で対応する変換規則を確認してください。この例では「<h1>こんにちは</h1><p>ようこそ</p>」から、簡潔に表示した結果「# こんにちは ⏎ ⏎ ようこそ」が得られます（⏎は改行を表します）。見える語だけでなく区切り記号も読んでください。この小さな例は、この操作の実際の結果です。元データの気になる要素を一つ変え、結果の対応箇所を比較しましょう。強調を含む HTML 段落の後にリンクを置き、Markdown に変換して再表示してください。インライン要素の前後の空白が語を分けているか確認します。独自のクラス、レイアウト用コンテナー、埋め込みウィジェットは、プレーンな Markdown 表現からは復元できません。
結果を確認
対応している意味的な HTML を Markdown の下書きに変換します。結果の見出し階層、リンク、強調、リスト項目、コードブロックを確認し、掲載先の環境で Markdown を表示してみてください。装飾用の属性や未知のコンポーネントには忠実な Markdown の対応表現がないため、ツールは内容を黙って落とさずエラーにします。元の HTML と結果を並べ、大きな文書の前に小さな既知の例で試します。行数だけでなく、名前、引用文字列、非 ASCII 文字、改行、繰り返し項目が保たれているか比べてください。
HTML 文書
構造を読み込み変換
Markdown テキスト
ガイドを探す