Un ancoraggio nell'elenco nidificato non è valido o si tratta di un errore di firebug?

StackOverflow https://stackoverflow.com/questions/601754

  •  03-07-2019
  •  | 
  •  

Domanda

C'è qualcosa di sbagliato nel seguente HTML o sto semplicemente riscontrando un errore Firebug? Quando visualizzo il primo elemento dell'elenco in firebug, vedrai che firebug ha difficoltà a identificare correttamente l'ancoraggio; tuttavia, non ha alcun problema con il secondo elemento di elenco (esterno). Se rimuovo l'elenco nidificato dal primo elemento dell'elenco, il problema scompare. Allo stesso modo, se rimuovo l'elenco esterno, il problema scompare. Quindi, sembra esserci un problema con il posizionamento di un'ancora attorno a un elenco nidificato.

Ho provato a sostituire l'ancora con un div, e persino una span, e firebug non si lamenta, quindi questo sembra essere specifico dell'ancora. Ho anche provato vari tipi di documenti, senza successo. 

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
    <ul>
      <li>
        <a href="http://whatever" style="display:block">
          <p>some text</p>
          <ul>
            <li>a list entry</li>
          </ul>
        </a>
      </li>
      <li>
        <a href="http://whatever">
           <p>more text</p>
        </a>
       </li>
    </ul>
  </body>
</html>
È stato utile?

Soluzione

L'elemento a consente solo inline -level elements come elementi figlio. Quindi l'elemento p e l'elemento ul non sono ammessi qui.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top