我可以在列表項目中使用div嗎？

爲什麼當我在<li>中使用<div>時，以下代碼有效？我可以在列表項目中使用div嗎？

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

來源

2011-06-23 Vimal Basdeo

當您在頁面中擁有此代碼時，您有什麼問題？ – carlosfigueira

*是否正確？ – pavium

@Vimal Basdeo ：有趣：關於你爲什麼沒有問題的問題。 –

是的，你可以在裏面使用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的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>

所以：列表（ul，ol）只能有li作爲他們的孩子。但li可以有任何作爲他們的孩子。

來源

2011-06-23 05:44:48 kapa

爲什麼它是無效的。或者更具體地說，它在哪裏說它不是孤立的。 DTD允許它？ – Jawad

@Jawad列表只能有'li's作爲他們的孩子。但是'李'可以有任何他們的孩子。我認爲這是OP在其中誤認爲另一個的地方。 – kapa

很棒。乾杯! – Jawad

一個<li>是塊元件，並且將工作與內部的其他塊元件完全正常。

來源

2011-06-23 05:54:16 Adam

我可以在列表項目中使用div嗎？

回答

相關問題