Markdownチュートリアル

リスト

順序付きリストと順序なしリストを作成する

リスト構文

複数の項目を順序付きまたは順序なしリストに整理できます。

順序付きリスト

Markdown 構文HTML 構文レンダリング結果
1. item first
2. item second
3. item third
  1. item first
  2. item second
  3. item third
1. item first
2. item second
3. item third
1. item first
2. item second
3. item third
    4. item fourth
  1. item first
  2. item second
  3. item third
    1. item fourth
1. item first
2. item second
3. item third
    4. item fourth

順序付きリストのベストプラクティス

Markdownでは)を区切り文字として使用できますが、互換性の理由から、これを行わないでください。

✅ 正しい例❌ 間違った例
1. item first
2. item second
3. item third		1) item first
2) item second
3) item third

順序なしリスト

Markdown 構文HTML 構文レンダリング結果
- item first
- item second
- item third
  • item first
  • item second
  • item third
- item first
- item second
- item third
- item first
- item second
- item third
    - item fourth
  • item first
  • item second
  • item third
    • item fourth
- item first
- item second
- item third
    - item fourth
+ item first
+ item second
+ item third
  • item first
  • item second
  • item third
+ item first
+ item second
+ item third
* item first
* item second
* item third
  • item first
  • item second
  • item third
* item first
* item second
* item third
* item first
* item second
* item third
    * item fourth
  • item first
  • item second
  • item third
    • item fourth
* item first
* item second
* item third
    * item fourth

順序なしリストのベストプラクティス

異なるMarkdownアプリケーションは同じ区切り文字を一貫して処理しません。単一のリスト内では同じ区切り文字を使用することをお勧めします。

✅ 正しい例❌ 間違った例
- item first
- item second
- item third		* item first
- item second
+ item third

リスト内で他の要素をネストする

リストの連続性を保ちながらリスト内に別の要素を追加するには、その要素を4つのスペースまたは1つのタブでインデントします。以下に示すように：

段落の追加

* This is the first list item.
* Here is the second list item.
    add another paragraph in the same list item.
* This is the third list item.

レンダリング結果:

  • This is the first list item.

  • Here is the second list item.

    add another paragraph in the same list item.

  • This is the third list item.

引用ブロックの追加

* This is the first list item.
* Here is the second list item. 

    > A blockquote would look great below the second list item.
* This is the third list item.

レンダリング結果:

  • This is the first list item.

  • Here is the second list item.

    A blockquote would look great below the second list item.

  • This is the third list item.

画像の追加

* This is the first list item.
* Here is the second list item. 

    ![A picture would look great below the second list item.](/assets/images/flower.jpg)
* This is the third list item.

レンダリング結果:

  • This is the first list item.

  • Here is the second list item.

    A picture would look great below the second list item.

  • This is the third list item.