HTML Elemento de sección


Ejemplo

El elemento <section> representa una sección genérica para agrupar temáticamente el contenido. Normalmente, cada sección debe poder identificarse con un elemento de encabezado como elemento secundario de la section .

  • Puede utilizar el elemento <section> dentro de un <article> y viceversa.
  • Cada sección debe tener un tema (un elemento de encabezado que identifique esta región)
  • No utilice el elemento <section> como un 'contenedor' de estilo general.
    Si necesita un contenedor para aplicar el estilo, use un <div> lugar.

En el siguiente ejemplo, mostramos una única publicación de blog con varios capítulos, cada capítulo es una sección (un conjunto de contenido agrupado temáticamente, que se puede identificar por los elementos del encabezado en cada sección) .

<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>

Notas:

Los desarrolladores deben usar el elemento de artículo cuando tenga sentido sindicar los contenidos del elemento.

Haga clic aquí para leer la especificación oficial de HTML5 para el elemento <main>