HTML-<aside>-Tag
Beispiel
Zeigen Sie einige Inhalte außerhalb des Inhalts an, in dem sie platziert sind:
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>
Try it Yourself »
Weitere "Try it Yourself" („Probieren Sie es selbst“)-Beispiele weiter unten.
Definition und Verwendung
Das Tag <aside> definiert neben dem Inhalt, in dem es platziert wird, auch andere Inhalte.
Der nebenstehende Inhalt sollte einen indirekten Bezug zum umgebenden Inhalt haben.
Tipp: Der Inhalt von <aside> wird häufig als Seitenleiste in einem Dokument platziert.
Notiz: Das Element <aside> wird in einem Browser nicht als etwas Besonderes gerendert. Sie können jedoch CSS verwenden, um das Element <aside> zu formatieren (siehe Beispiel unten).
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Globale Attribute
Das Tag <aside> unterstützt auch die Globale Attribute in HTML.
Ereignisattribute
Das Tag <aside> unterstützt auch die Ereignisattribute in HTML.
Weitere Beispiele
Beispiel
Verwenden Sie CSS, um das <aside>-Element zu formatieren:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>The aside element</h1>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<aside>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great summer together with my family!</p>
</body>
</html>
Try it Yourself »
Verwandte Seiten
HTML-DOM-Referenz: Aside-Objekt
Standard-CSS-Einstellungen
Die meisten Browser zeigen das Element <aside> mit den folgenden Standardwerten an:
aside {
display: block;
}
