Sections and Articles

Use sections for themes and articles for content that can stand independently.

Thematic section

A section groups content under a shared topic. It normally needs a heading that names that topic.

Independent field notes

Morning river note

Recorded beside the north bank.

The water was clear and moving quickly after a dry week.

Observation by Maya.

Evening river note

Recorded near the lower bridge.

The slower bend held leaves and fine sediment near the bank.

Important HTML

Sections group themed content; articles hold self-contained pieces that can nest inside a section.

<section aria-labelledby="articles-heading">
  <h2 id="articles-heading">…</h2>
  <article>
    <header>…</header>
    <p>…</p>
    <footer>…</footer>
  </article>
</section>