<aside>: Das Aside-Element
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Das <aside> HTML-Element repräsentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments in Verbindung steht. Asides werden häufig als Seitenleisten oder hervorgehobene Boxen dargestellt.
Probieren Sie es aus
Attribute
Dieses Element enthält nur die globalen Attribute.
Verwendungshinweise
- Verwenden Sie das
<aside>-Element nicht, um eingeklammerten Text zu kennzeichnen, da diese Art von Text als Teil des Hauptflusses betrachtet wird.
Beispiele
Verwendung von <aside>
Dieses Beispiel verwendet <aside>, um einen Absatz in einem Artikel zu markieren. Der Absatz steht nur indirekt in Zusammenhang mit dem Hauptinhalt des Artikels:
html
<article>
<p>
The Disney movie <cite>The Little Mermaid</cite> was first released to
theatres in 1989.
</p>
<aside>
<p>The movie earned $87 million during its initial release.</p>
</aside>
<p>More info about the movie…</p>
</article>
Ergebnis
Technische Zusammenfassung
| Inhaltskategorien | Flussinhalt, Strukturierungsinhalt, fühlbarer Inhalt. |
|---|---|
| Erlaubter Inhalt | Flussinhalt. |
| Tag-Auslassung | Keine, sowohl der Starttag als auch der Endtag sind erforderlich. |
| Erlaubte Eltern |
Jedes Element, das
Flussinhalt akzeptiert. Beachten Sie, dass ein <aside>-Element kein Nachkomme eines <address>-Elements sein darf.
|
| Implizite ARIA-Rolle |
complementary
|
| Erlaubte ARIA-Rollen |
feed, none,
note, presentation,
region, search
|
| DOM-Schnittstelle | [`HTMLElement`](/de/docs/Web/API/HTMLElement) |
Spezifikationen
| Specification |
|---|
| HTML Standard # the-aside-element |
Browser-Kompatibilität
BCD tables only load in the browser