リストの入れ子

ふと、僕が所属しているサークルのHPをバリデータに通してみようと思いつきやってみた。

案の定エラーが吐き出されましたね。該当箇所はulタグ。
何やらリストを入れ子にしている部分がダメらしい。
え、リストを入れ子にしちゃダメなの…?
と思って調べてみたところ、どうやら入れ子自体は問題なくて記述の仕方が悪かった模様

良くない入れ子

<ul>
  <li>リスト1</li>
    <ul>
      <li>リスト1-1</li>
      <li>リスト1-2</li>
    </ul>
</ul>

正しい入れ子

<ul>
  <li>リスト1
    <ul>
      <li>リスト1-1</li>
      <li>リスト1-2</li>
    </ul>
  </li>
</ul>


ちなみに、バリデータを通して吐き出されたエラーが以下のような感じ

Content model for element ul:
Zero or more li elements.

要するに、ulの子要素はliだけってことらしい。なるほど