Recentemente ho pensato di utilizzare l'elemento elenco non ordinato per rappresentare un elenco di contenuti compositi (come un elenco di prodotti con dettagli o un elenco di immagini con didascalie).
Ad esempio:
<ul>
<li>
<img src="awesometoaster.png" alt="toaster">
<p>Awesome Toaster<p>
<p>This is an available product</p>
<a href="#">Buy Now</a>
</li>
</ul>
Ho esaminato esempi di utilizzo dell'elemento, tuttavia molti forniscono esempi di livello base molto semplici.
<ul>
<li>Red</li>
<li>Blue</li>
<li>Green</li>
</ul>
Per me, il primo esempio è un elenco logico di prodotti e avrebbe senso utilizzare un elenco non ordinato. Questa sarebbe una scelta semantica per rappresentare questo tipo di contenuto o esiste una scelta di elementi più appropriata?