164 votes

Est div à l'intérieur de la liste des admis?

Je sais que les DIV à l'intérieur de LI n'est pas autorisé, mais je l'ai vu dernièrement sur de nombreux "gros" sites web comme: Smashing Magazine, Web Designer Mur... etc. J'essaie de valider les sites, et ils comportent des erreurs, mais rien sur des div à l'en LI?!

Je peux donc l'utiliser à l'intérieur de LI, et j'en ai besoin pour être valide?

213voto

Darin Dimitrov Points 528142

Oui c'est valable selon la xhtml1-strict.dtd. La suite XHTML passe la validation:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test</title>
</head>
<body>
<ul>
  <li><div>test</div></li>
</ul>
</body>
</html>

33voto

Damon Points 2238

Comme un supplément, tandis qu'un div à l'intérieur d'un li est valide, une div à l'intérieur d'un dl, dd, ou dt ne l'est pas! (À noter que c'est uniquement en HTML 4 et versions antérieures)

14voto

Messa Points 5988

Si vous regardez xhtml1-strict.dtd, vous verrez

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

Ainsi, div, p etc. peut-être à l'intérieur d' li (selon DTD XHTML 1.0 Strict de w3.org).

4voto

akamike Points 1584

Il est acceptable de placer div à l'intérieur d'un li, même si il est un élément de bloc (sinon comment aurions-nous des listes imbriquées?). Je voudrais voir votre source sur pourquoi il n'est pas permis!

4voto

mystrdat Points 975

Si je me souviens bien, une div à l'intérieur d'un li utilisé pour être valide.

@Fleur @Superstringcheese Div doit sémantiquement définir une section d'un document, mais il a déjà pratiquement perdu ce rôle. Span devrait toutefois contenir du texte.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X