html - sirven - w3c que es y para que sirve




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

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>

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


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>




html-lists