HTML5: articolo all'interno dell'articolo?

Question

Se abbiamo un elenco di post del blog, come in questo caso: http://www.gamempire.it/news Penso che ogni post possa essere un <article>, ma il titolo della pagina ("Novità"), che potrebbe essere un <h1>, è il titolo semantico di cosa? Una sezione?

Quindi, non so se è meglio fare in questo modo:

<section> 
    <h1>Novità</h1> 
    <article>...</article> 
    <article>...</article> 
    <article>...</article> 
</section> 

o:

<article> 
    <h1>Novità</h1> 
    <article>...</article> 
    <article>...</article> 
    <article>...</article> 
</article> 

Answer 1

Il tuo primo metodo è sicuramente meglio. Dovresti inserire i tuoi article s in un section.

---

Guarda anche questi due messaggi su htlm5doctor:

1. Section

L'elemento sezione rappresenta una sezione del documento o un'applicazione generica ... L'elemento sezione non è un elemento contenitore generico . Quando un elemento è necessario solo per scopi di stile o per comodità di scripting, gli autori sono incoraggiati a utilizzare invece l'elemento div. Una regola generale è che l'elemento della sezione è appropriato solo se i contenuti dell'elemento vengono elencati esplicitamente nella struttura del documento.

2. Article

L'elemento articolo rappresenta un componente di una pagina che consiste in una composizione auto-contenuto in un documento, pagina, applicazione o sito e che è destinato a essere distribuibile o riutilizzabile in modo indipendente, ad es in syndication. Questo potrebbe essere un post sul forum, un articolo di una rivista o di un giornale, un post di blog, un commento inviato dall'utente, un widget o gadget interattivo o qualsiasi altro elemento indipendente di contenuto.

Answer 2

<articolo> per definizione è un gruppo indipendente, così raggruppamento articoli in un articolo non ha senso. <sezione> è un buon modo per raggruppare gli articoli semanticamente.

Answer 3

Per quanto riguarda le specifiche, <article> è un sectioning content e come tale, accepts any flow, sectioning and palpable content (except <main>), inclusi altri <article> s.

Per quanto riguarda la semantica, dipende: gli articoli sono composizioni autonome e indipendenti, che possono contenere altri articoli purché siano anche composizioni indipendenti e autonome che allo stesso tempo fanno parte della composizione principale .

Quando gli elementi dell'articolo sono nidificata, gli elementi interni articolo rappresentano articoli che sono principio riportate il contenuto del dell'articolo esterno.Ad esempio, un post di blog su un sito che accetta commenti inviati dall'utente potrebbe rappresentare i commenti come elementi di articolo nidificati all'interno dell'elemento articolo per il post di blog.

Answer 4

Il modo corretto è:

<section> 
    <article>...</article> 
    <article>...</article> 
    <article>...</article> 
</section> 

Perché <section> significa che un pezzo del tuo web che può contenere il contenuto del tuo sito, e <article> è un pezzo di contenuto.