o , che è contenuta nel quale

Question

Cercando di ottenere la mia testa intorno i nuovi elementi semantici in HTML5.

Esiste un <section> appartiene all'interno di un <article> o è il contrario? Ha anche importa?

Sto guardando ristrutturazione di un blog wordpress.

Answer 1

HTML5 spec :

  

L'elemento section rappresenta una sezione del documento o applicazione generica. Una sezione, in questo contesto, è un raggruppamento tematico di contenuti, tipicamente con un header e possibilmente un piè.

e

  

L'elemento article rappresenta una sezione indipendente di un documento, una pagina o sito. Questo potrebbe essere un post sul forum, un articolo di giornale o un giornale, un blog, un commento inviati dall'utente, o qualsiasi altro elemento indipendente dal contenuto.

Quindi direi che sia section e gli elementi article possono contenere l'altro elemento, se del caso. Penso che il tuo schema ha un senso, a parte gli elementi della sezione nidificato:

  

L'elemento sezione non è un elemento contenitore generico. Quando è necessario un elemento per scopi di stile o come vantaggio per lo scripting, gli autori sono incoraggiati ad utilizzare l'elemento div invece. Una regola generale è che l'elemento di sezione è appropriato solo se i contenuti dell'elemento sarebbero elencati in modo esplicito a grandi linee del documento.

Forse utilizzare un <div> per quello esterno?

Answer 2

W3 pagina wiki su come strutturare HTML5 , dice:

  

<section> : Utilizzato per entrambi i gruppi di diversi articoli in scopi diversi o   soggetti, o per definire le diverse sezioni di un singolo articolo.

E quindi visualizza un un'immagine che ho ripulito:

E 'anche importante sapere come utilizzare il tag <article> (dallo stesso collegamento W3 sopra):

  

<article> è legato alla <section>, ma è nettamente diverso.   Considerando <section> è per raggruppare sezioni distinte di contenuto o   funzionalità, <article> è a contenere corrispondenti individuale   pezzi autonomi di contenuti, come ad esempio i messaggi individuali di blog, video,   immagini o notizie. Pensate in questo modo - se si dispone di un certo numero di   elementi di contenuto, ciascuna delle quali sarebbe adatto per la lettura su loro   possedere, e avrebbe senso di sindacare come elementi distinti nel RSS   feed, quindi <article> è adatto per loro marcatura.

     

Nel nostro esempio, <section id="main"> contiene voci di blog. ogni blog   ingresso sarebbe adatto per la sindacazione di un elemento in un feed RSS, e   avrebbe senso se letto da solo, fuori dal contesto, quindi,   <article> è perfetto per loro:

<section id="main">
    <article>
      <!-- first blog post -->
    </article>

    <article>
      <!-- second blog post  -->
    </article>

    <article>
      <!-- third blog post -->
    </article>
</section>

  

Semplice no? Attenzione però che si può anche sezioni nido all'interno   articoli, in cui ha senso per farlo. Ad esempio, se ciascuno di   questi post blog ha una struttura coerente di sezioni distinte, allora   si potrebbe mettere le sezioni all'interno dei vostri articoli pure. Si poteva guardare   qualcosa di simile a questo:

<article>
  <section id="introduction">
  </section>

  <section id="content">
  </section>

  <section id="summary">
  </section>
</article>

Answer 3

Vorrei utilizzare div per quello esterno, e div per quella interna, a meno che non hai una voce direttamente all'interno della sezione interna.

Ta

Rich

http://html5doctor.com/the-section-element/ maggiori informazioni.

Answer 4

IMOO, dovrebbe essere semplice, semplice come quello che la gente normale dare per scontato. Se un semplice nome di tag confonde le persone, è un fail. Per me:

• Un <article> è un articolo . Le persone condividono articoli. Quando si dice qualcosa è un articolo, mi aspetto che dovrebbe avere un titolo , e forse un po 'di sintesi e, quindi posso decidere di leggerlo o meno. Se è interessante, voglio condividere ai miei amici. E 'self-contained.

• Un <section> è una sezione . E ' una parte di cose correlate. In sostanza, è necessario altre sezioni per avere il quadro completo.

Perché si mette un <section> all'interno del <body> Oh, perché è parte del corpo; parte del mio sito web. Ho intenzione di mettere i miei articoli all'interno di questa parte.

Perché si mette un <section> all'interno di un <section>? Perché è parte di che sezione.