極端な例: ネスト化された混合リスト

ネスト化された混合リストでは以下が正しく表示されるようにしてください。

  • リストの中のリストは番号付きリストの順番を壊さないこと
  • 箇条書きのスタイルの深さは十分であること

番号付きリスト – 番号なしリスト – 番号付きリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号付きリスト – 番号なしリスト – 番号なしリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号なしリスト – 番号付きリスト – 番号なしリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    1. 番号付き
    2. 番号付き
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム

番号なしリスト – 番号なしリスト – 番号付きリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム

関連記事

  1. Pneumonoultramicroscopicsilicovolcanoconiosis

  2. 極端な例: コンテンツのない投稿

  3. 極端な例: たくさんのカテゴリー

  4. 1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。

  5. 極端な例: たくさんのタグ