リスト項目内でdivを使用できますか？

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

<ul> 
    <li class="aschild"> 
     <div class="nav">Test</div> 
    </li> 
</ul>

出典

2011-06-23 Vimal Basdeo

このコードをページに含めると、どのような問題が発生しますか？ – carlosfigueira

*正しいですか？ – pavium

@Vimal Basdeo ：興味をそそること：あなたはなぜ問題がないのかという質問。 –

はい、liの内部でdivを使用すると、検証されます。

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

出典

2011-06-23 05:47:01 Jawad

上記のコードブロックが実際に意味するものを詳しく説明できますか？ありがとう。 – yochannah

@yochannah：これは単なるDTDです。 HTML5はもはやDTDベースではなくなって以来、これは無益です。 http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd – Jawad

HTML5は現在何をベースにしていますか？ – Crimbo

<li>はブロック要素ではなく、<span>又は<a>ようなインライン要素であるため。

出典

2011-06-23 05:44:07 twsaef

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

出典

2011-06-23 05:44:23

私は確信しています。 – redolent

<li>の中には、<div>の中に自然に入れることができるものがあります。この意味で違いはありません。

HTML4、XHTML、HTML5でも有効です。だから、

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

：

これはませ有効なものの（このような状況を参照することができ、あなたが「リストに無いのdiv」について見つかったので、ソース）であるリスト（ul、ol）することができますがのみ子としてliがあります。しかし、liは子として何かを持つことができます。

出典

2011-06-23 05:44:48 kapa

なぜ有効ではありません。またはより具体的には、それはどこかではないと言います。 DTDはそれを可能にしますか？ – Jawad

@Jawadリストは子として 'li'しか持てません。しかし、「リ」は子供として何かを持つことができます。私はこれがOPが誤ったものだと思う。 – kapa

大きなキャッチ。乾杯！ – Jawad

<li>はブロック要素であり、内部の他のブロック要素と完全に正常に動作します。

出典

2011-06-23 05:54:16 Adam

リスト項目内でdivを使用できますか？

答えて

関連する問題