HTML順序なしリストからMarkdown箇条書きリストへの変換

HTML <ul>と<li>要素をダッシュ(-)構文のMarkdown箇条書きリストに変換する方法を解説。ネストされたリスト、複数段落のリスト項目、混合コンテンツを含みます。

Lists & Tables

詳細な説明

HTML順序なしリストからMarkdownへの変換

HTMLの順序なしリスト(<ul><li> の子要素)はMarkdownの箇条書きリストに変換されます。ほとんどのコンバーターはデフォルトで - を使用します。

基本的な順序なしリスト

<ul>
  <li>りんご</li>
  <li>バナナ</li>
  <li>さくらんぼ</li>
</ul>

変換結果:

- りんご
- バナナ
- さくらんぼ

ネストされた順序なしリスト

各ネストレベルはコンバーターの設定に応じて2つまたは4つのスペースでインデントされます。

リッチコンテンツを含むリスト項目

リスト項目内のインライン要素は再帰的に変換されます。

段落を含むリスト項目

リスト項目内の複数段落はルーズリストに変換され、段落間に空行が入り、リストマーカーの下にインデントされます。

空のリスト項目

空の <li> 要素は通常スキップされるか空のマーカーとして出力されます。リスト項目の前後の空白はトリミングされます。

ユースケース

順序なしリスト変換は、ナビゲーションメニュー、機能リスト、サイドバーコンテンツ、およびあらゆる箇条書きコンテンツをHTMLからMarkdownに移行する際に必要です。Webコンテンツ移行で遭遇する最も一般的な構造要素の一つです。

試してみる — HTML to Markdown

フルツールを開く