Sobes.tech
Junior

Was ist der Unterschied zwischen den Elementen `<aside>`, `<article>` und `<section>` in HTML?

sobes.tech KI

Antwort von AI

  • <article>: Selbstständiges, unabhängiges Content-Fragment, das außerhalb des aktuellen Seitenkontexts verbreitet und wiederverwendet werden kann (z.B. Blogeintrag, Nachricht, Kommentar). Es sollte eine Überschrift enthalten.
  • <section>: Thematische Sektion des Seiteninhalts. Hat in der Regel eine Überschrift (<h1>-<h6>) und gruppiert verwandten Inhalt. Sollte nicht nur zur Stilgestaltung verwendet werden — dafür gibt es <div>.
  • <aside>: Inhalt, der indirekt mit dem Hauptinhalt der Seite verbunden ist. Wird oft für Seitenleisten, Inserts, Werbeblöcke oder Zitate verwendet.

Vergleichstabelle:

Element Zweck Selbstständigkeit Benötigt Überschrift (nicht zwingend, aber empfohlen)
<article> Unabhängiger, tragbarer Inhalt Ja Empfohlen
<section> Thematische Sektion innerhalb des Dokuments Nein Empfohlen
<aside> Indirekt verbundener Inhalt (Seitenleiste) Nein Nein