RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.cdn.mozilla.net/de/docs/Web/HTML/Reference/Elements/aside below:

<aside>: Das Aside-Element - HTML

<aside>: Das Aside-Element

Baseline Widely available

Das <aside> HTML-Element reprÃ¤sentiert einen Teil eines Dokuments, dessen Inhalt nur indirekt mit dem Hauptinhalt des Dokuments zusammenhÃ¤ngt. Asides werden hÃ¤ufig als Sidebars oder Call-out-Boxen dargestellt.

Probieren Sie es aus

<p>
  Salamanders are a group of amphibians with a lizard-like appearance, including
  short legs and a tail in both larval and adult forms.
</p>

<aside>
  <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>

<p>
  Several species of salamander inhabit the temperate rainforest of the Pacific
  Northwest, including the Ensatina, the Northwestern Salamander and the
  Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects,
  worms and other small creatures.
</p>

aside {
  width: 40%;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  float: right;
  box-shadow: inset 5px 0 5px -5px #29627e;
  font-style: italic;
  color: #29627e;
}

aside > p {
  margin: 0.5rem;
}

Attribute

Dieses Element beinhaltet nur die globalen Attribute.

Anwendungshinweise

Verwenden Sie das <aside>-Element nicht, um in Klammern gesetzten Text zu kennzeichnen, da dieser Text als Teil des Hauptflusses betrachtet wird.

Beispiele Verwendung von <aside>

Dieses Beispiel verwendet <aside>, um einen Paragraphen in einem Artikel zu kennzeichnen. Der Paragraph steht nur indirekt mit dem Hauptinhalt des Artikels in Zusammenhang:

<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 Flow content, sectioning content, palpable content. Erlaubter Inhalt Flow content. Weghlassen von Tags Keine, sowohl das Start- als auch das End-Tag sind obligatorisch. Erlaubte Eltern Jedes Element, das flow content akzeptiert. Beachten Sie, dass ein <aside>-Element kein Nachfolger eines <address>-Elements sein darf. Implizierte ARIA-Rolle complementary Erlaubte ARIA-Rollen feed, none, note, presentation, region, search DOM-Schnittstelle [`HTMLElement`](/de/docs/Web/API/HTMLElement) Spezifikationen Browser-KompatibilitÃ¤t Siehe auch

Andere Abschnittsbezogene Elemente: <body>, <article>, <section>, <nav>, h1, h2, h3, h4, h5, h6, <hgroup>, <header>, <footer>, <address>;
Verwendung von HTML-Abschnitten und Gliederungen
ARIA: Complementary role

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4