È appropriato utilizzare l'elemento lista non ordinata (ul) per il contenuto composito

0

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?

    
posta ChrisB 22.04.2015 - 02:17
fonte

2 risposte

1

Prima di tutto: sì, l'uso di liste non ordinate ha senso. Ma potresti desiderare di modellarlo un po 'con i CSS per avere un aspetto migliore degli elenchi dei proiettili.

Quindi, il mio vero consiglio è di usare bootstrap e il suo sistema di griglia , che è reattivo e facile da usare. Bootstrap ha un sacco di classi html che modelleranno i tuoi contenuti in modo classico e carino. È quindi possibile aggiungere il proprio css per ottenere esattamente ciò che si desidera, ma il bootstrap fornisce basi semplici e veloci.

    
risposta data 22.04.2015 - 10:51
fonte
0

Sì, la lista non ordinata è molto utile in questo caso. Ma solo una lista non ordinata non sembra così attraente.

Quindi scegli i CSS (Cascading Style Sheet) che sono classi di stile riutilizzabili molto semplici e più attraenti. Sono possibili design web più interessanti. Se sei nuovo, segui questo tutorial: HTML & CSS. Questo è davvero utile per imparare le basi del web design

    
risposta data 14.05.2015 - 14:39
fonte

Leggi altre domande sui tag