ulタグで入れ子にする正しい方法

Pocket

ul要素(ol要素)で許可されている内容はli要素だけです。つまりulタグの直下にはliタグしか入れられません。
したがって次のようにすることはできません。

<ul>
  <li>list</li>
  <li>list</li>
  <ul>
    <li>list</li>
    <li>list</li>
  </ul>
</ul>

上の例はulタグの直下にulタグがあるのがダメです。

入れ子(階層構造)にする場合は次のようにします。

<ul>
  <li>list</li>
  <li>list
    <ul>
      <li>list</li>
      <li>list</li>
    </ul>
  </li>
</ul>
  • list
  • list
    • list
    • list

また次のように書くことも許されますが期待通りになりません。

<ul>
  <li>list</li>
  <li>
    <ul>
      <li>list</li>
      <li>list</li>
    </ul>
  </li>
</ul>
  • list
    • list
    • list

関連記事

[ 2019年1月6日 | カテゴリー: デジタル | タグ: ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報