Markdown箇条書きリストからHTML ul/liタグへの変換

Markdownの箇条書き(*, -, +)をHTML <ul>と<li>タグに変換する方法を学びます。リストマーカー構文、ネスト、混合コンテンツの処理方法を解説します。

Block Elements

詳細な説明

Markdownの順序なしリスト

Markdownでは順序なしリストのマーカーとして、アスタリスク(*)、ハイフン(-)、プラス記号(+)の3つの文字をサポートしています。すべて同じHTML出力を生成します。

基本的な順序なしリスト

- 項目1
- 項目2
- 項目3

変換結果:

<ul>
  <li>項目1</li>
  <li>項目2</li>
  <li>項目3</li>
</ul>

複数段落のリスト項目

継続段落は4つのスペースまたは1つのタブでインデントします。空行を含むリスト項目がある場合、パーサーはすべての項目を <p> タグで囲みます(ルーズリスト)。

リスト内の混合コンテンツ

リスト項目にはコードブロック、引用ブロック、さらに他のリストなどのブロック要素を含めることができます。

一貫性のヒント

ドキュメント全体で1つのマーカースタイルを選んで統一しましょう。多くのスタイルガイドでは、強調マーカー(*)と視覚的に区別しやすい - が推奨されています。

ユースケース

順序なしリストは、機能リスト、ナビゲーションメニュー、プロジェクトドキュメントのTo-Do項目、箇条書きの要約に使用されます。正しいHTML変換により、アシスティブテクノロジーのための適切なレンダリングとセマンティック構造が保証されます。

試してみる — Markdown to HTML Converter

フルツールを開く