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 |