0

¿Hay alguna forma de construir listas anidadas (html) que sean válidas (w3c)?, he intentado esto y no pasan la validación (https://validator.w3.org/nu/#textarea):

<ul>
  <li>aaa
    <ol>
      <li>bbb</li>
    <ol>
  </li>
</ul>

<ul>
  <li>aaa</li>
    <ol>
      <li>bbb</li>
    <ol>
</ul>

2 respuestas 2

5

El primer error que veo, es que no estás cerrando las etiquetas <ol> Y en segundo lugar, estás intentando anidar un <ol> como si fuera un <li>

Es decir, estás intentando hacer esto:

<ul>
  <li></li>
  <ol></ol>
</ul>

Lo cula no esválido, ya que los elementos <ul> y <ol> son iguales, ambos son contenedores de listas (ordenada y desordenada).

Por lo que el esquema válido sería:

 <ul>
      <li>aaa
        <ol>
          <li>bbb</li>
        </ol>
      </li>
    </ul>
    
    <ul>
      <li>aaa</li>
      <li>
        <ol>
          <li>bbb</li>
        </ol>
      </li>
    </ul>

0

<ul type="cricle">
    <li>Animal</h3>
         <ol type="1">
             <b><li>Felinos</b>
                 <ol type="i">
                   <li>Selva 
                         <a name="Selva"></a>
                       <ul type="drisk">
                          <li>Tigre
                           <li>Pantera
                           <li>Jaguar
                        </ul>
                   <li>Sabana
                       <ol type="A">
                          <li>Leon
                           <li>Leopardo
                        </ol>
                  </ol>
             <b><li>Aves</b>
                    <ol type="a">
                          <li>Aguila
                           <li>halcon
                        </ol>
             <b><li>Maritimos</b>
          </ol>
    <h3><li>frutas</h3>
          <ol type="1">
                  <li>Melon
                  <li>Uva
                  <li>Fresa
             </ol>
    <h3><li>cosas</h3>
        <ol type="A">
              <li>Libro
              <li>Silla
                   <ol type="i">
                    <li>mesedora
                   <li>Fija
                    </ol>
              <li>Arbol
          </ol>
</ul>

1
  • Deberías poner una explicación a la respuesta, no solo el código sin más.
    – VRoxa
    Commented el 6 jun. 2020 a las 21:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.