Item 1 Item 2 Item 3 </div> <div class="three column"> Item 4 Item 5 Item 6 </div> <div class="three column"> Item 7 "> Item 1 Item 2 Item 3 </div> <div class="three column"> Item 4 Item 5 Item 6 </div> <div class="three column"> Item 7 "> Item 1 Item 2 Item 3 </div> <div class="three column"> Item 4 Item 5 Item 6 </div> <div class="three column"> Item 7 " />

このHTML構造は有効ですか? UL> DIV> {LI、LI}、DIV> {LI、LI}、DIV> {LI、LI}

このHTML構造は有効ですか?

    <div class="three column">
  • Item 1
  • Item 2
  • Item 3
  • </div> <div class="three column">
  • Item 4
  • Item 5
  • Item 6
  • </div> <div class="three column">
  • Item 7
  • Item 8
  • Item 9
  • </div>

私はulの中にあるliの内部divを挿入しています。どう思いますか?この構造は意味的に有効であり、単一のリストとして認識されますか?

13

5 答え

いいえ、 div の直接の子として div は使用できません。疑問がある場合は、 W3Cでページを検証するか、 W3Cの対応記事

4.5.6 ul要素

     

カテゴリ
  フローコンテンツ

     

この要素を使用できるコンテキスト:
  フローコンテンツが必要です。

     

コンテンツモデル:
  ゼロ個以上の要素。

     

コンテンツの属性:
  グローバル属性

     

DOMインターフェース:
   interface HTMLUListElement:HTMLElement {};

代わりに、

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • ...
26
追加された

<div>'s aren't technically valid inside of

    's. W3 validator returns this result:

    Element div not allowed as child of element ul in this context

    It would make more sense to group the code you have different, such as:

    <div class="blog-category">
    
    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5
    • Item 6
    • Item 7
    • Item 8
    • Item 9
    </div>
1
追加された

これは有効なHTML5です:

  • <div>Title</div>
    • Item
    • Item
  • <div>Title</div>
    • Item
    • Item
1
追加された

いいえ、これはHTML4でもXHTMLでもHTML5でも有効ではありません。

これを w3cマークアップ検証ツールに対して検証すると、おそらく次のようなものになります:

要素divは要素ulの子として許可されません

More about lists can be found here.

0
追加された

また、次のことも有効です。

          
  • <div>Title</div>
    • Item
    • Item
  • <div>Title</div>
    • Item
    • Item

I've checked in http://validator.w3.org/check

0
追加された