sirve - w3c html5

¿Cómo escribir puntos de viñeta de varios niveles compatibles con W3C en HTML?

Question

¿Es posible escribir viñetas de varios niveles que cumplen con W3C (lista desordenada) en HTML?

Se puede usar anidada ul, pero no cumple con 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

En Visual Studio, el código anterior da la advertencia: Validación (XHTML 1.0 Transitional): Elemento ''ul'' no se puede anidar dentro del elemento ''ul''

Answer 1

Complementando la respuesta de David Thomas, esto eliminaría la bala no deseada:

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

Answer 2

El único hijo válido de u u ol es un elemento li ; un li puede, sin embargo, contener un ul (o ol ). Para lograr tu objetivo:

  <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>