Tag <section>

Tag <section>

Definition

Status: Aktueller Standard

Das Tag <section> steht für section (Bereich, Abschnitt).

Der <section>-Tag ist ein semantisches Struktur-Element in HTML, das verwendet wird, um thematisch zusammengehörige Inhalte in einem Dokument zu gruppieren. Eine <section> repräsentiert typischerweise einen eigenständigen Teil eines Dokuments mit eigener Überschrift (<h (1-6)>). Nicht mit <article> verwechseln: <article> ist für Inhalte, die alleine stehen könnten (wie ein Blogpost oder ein Zeitungsartikel) während <section> ein Teil des größeren Ganzen ist.

Syntax

<section>...</section>

Attribute bzw. Unterelemente

Global

Globale Attribute

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <section> - ---

Der Code:

<main>
  <section id="features">
    <h2>Unsere Funktionen</h2>
    <p>Hier erfährst du, was unsere App alles kann.</p>
  </section>

  <section id="preise">
    <h2>Preise & Pakete</h2>
    <p>Wähle das passende Abo für dich aus.</p>
  </section>
</main>

Ergebnis:

Ergebnis: <section>-Demo 1
---