La div dedans la liste est-elle autorisée?

Je sais que DIV à l’intérieur de LI n’est pas autorisé, mais je l’ai vu récemment sur de nombreux “grands” sites Web tels que: Smashing Magazine, Web Designer Wall … etc. à propos de div dans LI ?!

Donc, puis-je l’utiliser à l’intérieur de LI, et j’ai besoin qu’il soit valide?

Oui, il est valide selon xhtml1-ssortingct.dtd . Le XHTML suivant réussit la validation :

      Test   
  • test

En complément: Avant HTML 5, alors qu’un div dans un li est valide, un div dans un dl, un dd ou un dt ne l’est pas!

Si vous regardez xhtml1-ssortingct.dtd , vous verrez

    

Ainsi, div , p etc. peut être à l’intérieur de li (selon la DTD XHTML 1.0 Ssortingct de w3.org).

Il est acceptable de placer div dans un li, même si c’est un élément de bloc (comment aurions-nous d’autres listes nestedes?). J’aimerais voir votre source sur les raisons pour lesquelles ce n’est pas autorisé!

Si je me souviens bien, un div dans un li était invalide.

@Flower @Superssortingngcheese Div devrait définir sémantiquement une section d’un document, mais il a déjà pratiquement perdu ce rôle. La scope doit cependant contenir du texte.

Je vois que vous voudriez le faire si vous voulez faire, par exemple, la boîte entière d’un élément de menu cliquable. J’avais l’habitude d’insérer une balise ‘li’ dans les balises ‘a’ pour ce faire, mais cela semble plus valable.

Je commence dans l’univers du webdesign et j’ai utilisé DIVs dans les LI sans aucun problème avec la sémantique. Je pense que les DIV ne sont pas autorisés sur les listes, cela signifie que vous ne pouvez pas placer de DIV dans un UL, mais qu’il n’a aucun problème à l’insérer dans un LI (car LI ne sont que des éléments de liste) Le problème que j’ai rencontré est que parfois la DIV se comporte quelque peu différente de la normale, mais rien de ce que notre bon CSS ne peut pas gérer haha. Quoi qu’il en soit, désolé pour mon mauvais anglais et si ma réponse n’était pas utile haha ​​bonne chance!