Comment écrire conforme aux normes W3C multi-niveau des points de balle en HTML?

Est-il possible d'écrire conforme aux normes W3C multi-niveau des points de balle (liste non ordonnée) en HTML?

Imbriquée ul peut être utilisé, mais n'est pas conforme aux normes W3C.

 <ul>
     <li>myItem 1</li>
     <li>myItem 2</li>
     <ul>
        <li>myItem 2a</li>
     </ul>
     <li>myItem 3</li>
     <li>myItem 4</li>
 </ul>
  • myItem 1
  • myItem 2
    • myItem 2a
  • myItem 3
  • myItem 4

Dans Visual Studio, le code ci-dessus donne l'avertissement: de Validation (XHTML 1.0 Transitional): Élément " ul "ne peut pas être imbriquées à l'intérieur de l'élément "ul"

  • Quel est le validateur se plaindre lorsque vous avez essayé? S'il vous plaît poster un échantillon du code HTML et exacte de validation de sortie.
  • Avez-vous essayé de mettre un <ul> à l'intérieur d'un <li> et de voir ce que le validateur dit?
  • Vous devriez être capable de naturellement. Si non, vous le faites mal.
  • Comme ce fil de l'alésage, qui n'est pas le cas, Ben. Voici un fil similaire: stackoverflow.com/questions/2235257/...
InformationsquelleAutor Techboy | 2010-12-16
  1. 76

    Le seul enfant valide, soit un ul ou ol est un li élément; un li peut toutefois contenir une ul (ou ol). Pour atteindre votre but:

      <ul>
      <li>myItem 1</li>
      <li>myItem 2</li>
      <li style="list-style-type:none">
         <ul>
           <li>myItem 2a</li>
        </ul>
     </li>
     <li>myItem 3</li>
     <li>myItem 4</li>
</ul>
    • ...si quelqu'un pouvait modifier mon bloc de code comme le code, ce serait apprécié (je ne sais pas si c'est l'étrangeté de l'iPhone d'édition, ou de ma propre utilisation abusive qui est le vissant en place, en dépit de tentatives répétées).
    • Je n'ai pas assez de points pour modifier votre réponse 🙁 Votre code crée un indésirable point. Comment puis-je me débarrasser de ça? Merci.
    • WTF? La dernière <ul> cassé l'ensemble de la mise en forme jusqu'à ce que j'ai enlevé tous les espaces. C'est du jamais vu. Doit avoir été un mal Apple supercherie 🙂
    • Et +1, c'est la réponse
    • Merci @Pekka, je suis content que ce n'était pas seulement moi, c'était confus, j'avais commencé à s'inquiéter =)
    • Ce n'est pas la réponse, car elle crée un indésirable balle (avant le imbriquée <ul>).
    • C'est le seul valide (x)html la solution. L'extra balle doit être traitée via css. Je te suggère de poser une question distincte pour aider avec ce problème.
    • Bien, qui fait sens. Je vous remercie.
    • En fait tout ce que vous avez à faire est de mettre la imbriquée UL dans le 2ème li plutôt que de créer un vide. Ensuite, vous n'obtiendrez pas les indésirables de balle

    InformationsquelleAutor David Thomas
  2. 12

    En complément de David Thomas réponse, ce serait de supprimer les indésirables de balle:

    <ul>
    <li>myItem 1</li>
    <li>myItem 2        
        <ul>
            <li>myItem 2a</li>
        </ul>
    </li>
    <li>myItem 3</li>
    <li>myItem 4</li>
</ul>
    • NB: il nécessite au moins un li élément parent ul
    • C'est, en fait, la réponse correcte. Le point est que muItem 2a est en retrait parce qu'il est imbriqué à l'intérieur myItem 2, de sorte que le ul devrait être imbriquées à l'intérieur son li
    • Il a travaillé très bien pour moi, et c'est plus simple que David Thomas solution. Grâce à Marlon
    InformationsquelleAutor Marlon