極端な例

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

投稿日:

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

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

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

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

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

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

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

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

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

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

-極端な例
-, , , ,

執筆者:

関連記事

no image

Pneumonoultramicroscopicsilicovolcanoconiosis

タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。 ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。 チェックすべき項目: タイトル …

no image

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

多すぎるほどのカテゴリーに属している投稿。

no image

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

記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。 previous_post_linkやnext_post_linkなどで前後の記事のタイトルを …

no image

タイトルのない投稿。 しかし、この投稿へのリンクは表示されなければならない。

no image

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