HTML Elemento di sezione


Esempio

L'elemento <section> rappresenta una sezione generica per raggruppare il contenuto tematicamente. Ogni sezione, in genere, dovrebbe essere in grado di essere identificata con un elemento di intestazione come figlio della section .

  • Puoi usare l'elemento <section> in un <article> e viceversa.
  • Ogni sezione dovrebbe avere un tema (un elemento di intestazione che identifica questa regione)
  • Non utilizzare l'elemento <section> come "contenitore" di stile generale.
    Se hai bisogno di un contenitore per applicare lo styling, usa invece un <div> .

Nell'esempio seguente, stiamo visualizzando un singolo post sul blog con più capitoli ogni capitolo è una sezione (una serie di contenuti raggruppati tematicamente, che possono essere identificati dagli elementi di intestazione in ciascuna sezione) .

<article>
    <header>
        <h2>Blog Post</h2>
    </header>
    <p>An introduction for the post.</p>
    <section>
        <h3>Chapter 1</h3>
        <p>...</p>
    </section>
    <section>
        <h3>Chapter 2</h3>
        <p>...</p>
    </section>
    <section>
        <h3>Comments</h3> ...
    </section>
</article>

Gli appunti:

Gli sviluppatori dovrebbero usare l'elemento dell'articolo quando ha senso per sindacare il contenuto dell'elemento.

Clicca qui per leggere la specifica ufficiale HTML5 per l'elemento <main>