Suona come un elemento della lista in un ancoraggio?

Question

Ho un gruppo di immagini che hanno ciascuno i propri collegamenti. Voglio che le immagini siano in un elenco (<ul><li>, ecc.) E ogni articolo abbia un diverso background-image.

Avrei mai avuto problemi con qualcosa di simile?

<ul> 
<a href="#"><li class="1"></li></a> 
<a href="#"><li class="2"></li></a> 
<a href="#"><li class="3"></li></a> 
<a href="#"><li class="4"></li></a> 
<a href="#"><li class="5"></li></a> 
<a href="#"><li class="6"></li></a> 
</ul> 

Answer 1

Non valid HTML.

<!ELEMENT UL - - (LI)+     -- unordered list --> 

Answer 2

è esso non è valido HTML perché l'unica cosa consentita in un elemento <ul> è <li> s.

Answer 3

Fareste meglio scrivere in questo modo

<ul> 
<li class="1"><a href="#"></a></li> 
<li class="2"><a href="#"></a></li> 
<li class="3"><a href="#"></a></li> 
</ul> 

Poi si potrebbe aggiungere il background-image sia al a o li.

Tuttavia, si avrebbe lo stile i a s come display:block e dare loro la stessa height e width del li. In questo modo l'immagine di sfondo mostrerebbe e l'intero li sarebbe cliccabile.