Puis-je utiliser un div à l'intérieur d'un élément de la liste?

Pourquoi le code suivant valide que lorsque je suis à l'aide d'un <div> à l'intérieur d'un <li>?

<ul>
    <li class="aschild">
        <div class="nav">Test</div>
    </li>
</ul>
  • Quel est le problème que vous avez quand vous avez ce code dans une page?
  • Est-il correct?
  • Basdeo : Intrigante: une question au sujet de pourquoi vous n'avez pas de problème.
  • Basdeo: peut-être vous devriez commencer par expliquer pourquoi vous pensez que c' devrait être un problème.
  • Pas de problème du tout.Il s'affiche correctement mais sur google j'ai trouvé que je ne peut pas utiliser un div à l'intérieur d'une liste, donc je veux juste confirmer si c'est ok pour utiliser un div à l'intérieur d'une liste
  • La question est valide, le dénigrement et downvoting l'OP est tout à fait dénuée de sens dans ce cas. Comme je suppose, il est basé sur un malentendu et en tant que tel, il serait bénéfique d'être répondu correctement (maintenant je vois bien que @Jawad du lien est une copie exacte).

InformationsquelleAutor Vimal Basdeo | 2011-06-23
  1. 57

    Oui, vous pouvez utiliser un div à l'intérieur d'un li et il valider.

    <!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
    • Pourriez-vous élaborer sur ce que ce bloc de code ci-dessus signifie réellement? Merci.
    • C'est juste la DTD. Il est irrevelant maintenant, depuis que HTML5 n'est plus DTD base. w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
    • Qu'est-ce que le HTML5 basé sur maintenant?
    InformationsquelleAutor Jawad
  2. 40

    À l'intérieur d'un <li> vous pouvez avoir tout ce que vous pourrait naturellement mis à l'intérieur d'un <div>. Ils ne sont pas différents en ce sens.

    Il devrait être valable dans le HTML4, XHTML et HTML5 ainsi.

    C'est PAS valide (donc les sources que vous avez trouvé à propos de "pas de divs dans les listes" pourrait se référer à cette situation):

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

    Donc: Listes (ul, ol) ne peut avoir lis, ainsi que leurs enfants. Mais lis peut avoir quelque chose à leurs enfants.

    • Pourquoi n'est-il pas valable. Ou plus précisément, où il est dit qu'il n'est pas vallid. La DTD permet-il?
    • Les listes ne peuvent avoir lis, ainsi que leurs enfants. Mais lis peut avoir quelque chose à leurs enfants. Je pense que c'est là que l'OP a confondu l'un pour l'autre.
    • Grande pêche. Cheers!
    InformationsquelleAutor kapa
  3. 12

    Parce que <li> est un élément de bloc, pas un élément inline comme <span> ou <a>.

    InformationsquelleAutor twsaef
  4. 7

    Un <li> est un élément de bloc, et fonctionne parfaitement bien avec les autres éléments de bloc à l'intérieur.

    InformationsquelleAutor Adam
  5. 4

    Oui, vous le pouvez. Autant que vous le souhaitez.

    • Je suis convaincu.
    InformationsquelleAutor Jose Faeti