Dlaczego następujący kod jest prawidłowy, gdy używam <div> wewnątrz <li>?Czy mogę użyć elementu div wewnątrz elementu listy?
<ul>
<li class="aschild">
<div class="nav">Test</div>
</li>
</ul>
Tak, możesz użyć elementu div wewnątrz li i to się sprawdzi.
<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
Ponieważ <li> jest elementem blok, a nie elementu liniowego jak <span> lub <a>.
Wewnątrz <li> możesz mieć wszystko, co możesz naturalnie umieścić wewnątrz <div>. Nie różnią się w tym sensie.
Powinien być również poprawny w HTML4, XHTML i HTML5.
To NIE ważne choć (tak źródła ty znaleziono o "bez div w listach" może odnosić się do tej sytuacji):
<ul>
<li></li>
<div></div>
<li></li>
</ul>
Więc: Listy (ul, ol) może tylko mają li s jako dzieci. Ale li s może mieć wszystko, co ich dzieci.
Dlaczego jest nieprawidłowy. Lub bardziej szczegółowo, gdzie mówi, że nie jest vallid. DTD na to pozwala? – Jawad
@Jawad Listy mogą mieć tylko 'li's jako swoje dzieci. Ale 'li's może mieć wszystko jako swoje dzieci. Myślę, że właśnie w tym przypadku PO pomył jeden z drugim. – kapa
Świetny połów. Twoje zdrowie! – Jawad
<li> jest element blokowy i działa perfekcyjnie innych elementów bloku do wewnątrz.
Jaki masz problem, gdy masz ten kod na stronie? – carlosfigueira
* Czy * jest prawidłowe? – pavium
@Vimal Basdeo : Intrygujące: pytanie, dlaczego nie masz problemu. –