HTML semantico di un elenco di articoli

In un tipico indice di articoli (come un blog senza estratto) come questa immagine:

esempio

quegli oggetti dovrebbero essere una lista (

  • ) o solo divs?

    E anche, dovrebbero essere figure / figcaption? Perché avrebbe un senso, ma anche … l’immagine fa parte di un artcile non il contenuto principale, quindi forse titolo / descrizione non è la didascalia dell’immagine, ma la didascalia dell’articolo.

    cosa ne pensi?

    EDIT: un esempio dal vivo – https://news.google.com/?hl=it

    Userei un article per ogni frammento (cioè un teaser di notizie).

    Ogni article contiene un elemento h1 per l’intestazione, un elemento img per l’immagine e elementi p per il testo.

    Come probabilmente vorrai colbind a una versione completa, potresti racchiudere tutti gli elementi in a elemento (che è permesso in HTML5), o solo nell’intestazione.

    Quindi potrebbe sembrare:

     

    Utilizzare solo la figure se questa immagine deve avere una didascalia separata. La descrizione di notizie (qui contenuta in p ) di solito non è la didascalia di quell’immagine.

    È ansible modificare l’ordine article bambini. Grazie al modo in cui funzionano gli elementi di sezione, l’intestazione non deve essere il primo elemento.

    Puoi usare un ul , ma non è necessario. ol , tuttavia, dovrebbe essere usato solo se l’ordine è veramente significativo per la comprensione del contenuto (cioè un diverso ordine cambierebbe il significato del documento). Esempio tipico: se gli articoli sono classificati in base alla pertinenza (ad es. Il teaser più pertinente in alto), è necessario utilizzare ol .


    Per quanto riguarda la tua domanda se il teaser dovrebbe essere un article :

    Non confondere l’ article (elemento HTML5) con il termine “articolo” (lingua inglese). article ha una definizione separata che non ha necessariamente a che fare con la comprensione del termine “articolo”.

    Il teaser dovrebbe anche essere un article – l’ article del teaser e l’ article full text sono article diversi , sebbene si riferiscano alla stessa entity framework.

  • Questa è una domanda di opinione, quindi si tratta di preferenza. In base alla tua immagine, userei un

    anche se potrei ottenere lo stesso risultato usando le div.

    Se ciascun elemento rappresenta un articolo, ognuno di questi deve essere rappresentato utilizzando gli elementi

    .

    Se ritieni che si tratti di un elenco ordinato o non ordinato di articoli, puoi utilizzare rispettivamente

      o

        elementi.

        Consiglierei di mantenere il markup il più semplice ansible e complesso quanto necessario, quindi qualcosa sulla falsariga di:

         

        Come altre persone hanno detto, penso che ogni articolo dovrebbe essere contrassegnato con un tag article .

        Suggerisco anche di racchiudere l’intera lista con un tag a aside . Quindi se hai un articolo principale nella pagina (circondato da main ), non sarà influenzato dagli altri articoli.

        Ecco un bell’articolo a aside .