web-dev-qa-db-ja.com

リストアイテム内でdivを使用できますか？

<div>内で<li>を使用しているときに、次のコードが有効なのはなぜですか？

<ul>
    <li class="aschild">
        <div class="nav">Test</div>
    </li>
</ul>
htmlhtml5validationxhtmlhtml-lists
58
Vimal Basdeo

はい、li内でdivを使用でき、検証されます。

<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
61
Jawad

<li>あなたは自然に<div>。この意味で違いはありません。

HTML4、XHTML、およびHTML5でも有効である必要があります。

これは[〜＃〜] not [〜＃〜]でも有効です（したがって、「リストにdivがない」ことを発見したソースはこの状況を参照できます）：

<ul>
    <li></li>
    <div></div>
    <li></li>
</ul>

So：リスト（ul、ol）には、lisのみを子として含めることができます。ただし、lisは子として何でも持つことができます。

40
kapa

<li>はブロック要素であり、<span>や<a>などのインライン要素ではありません。

13
twsaef

<li>はブロック要素であり、内部の他のブロック要素でも完全に機能します。

7
Adam

はい、できます。好きなだけ。

4
Jose Faeti