Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<aside>NEU

Bedeutung

Definiert marginale Informationen zu einem Dokumenteninhalt


Notation

<aside [Attribute]>[Elementinhalt]</aside>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

zum <body> Element<body>.


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Attribute

Das Element hat keine elementspezifischen Attribute.

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut datadata | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll


Standard-Style-Formateigenschaften

aside {
   display: block;
}


Beispiel
<body>
//<!-- header -->
<header class="header">
<nav class="nav_main">
<a href="http://apho-shop.de/" title="Apho-Shop">Apho-Shop</a> |
<a href="index_Kontakt.html" title="Kontakt">Kontakt</a> |
<a href="index_Impressum.html" title="Impressum">Impressum</a>
</nav>
</header>
//<!-- Textueller Inhalt -->
<article class="content">
<header>
<h1>Zitat von Martin Gerhard Reisenberg</h1>
</header>
<h2>"Abgesehen von den leeren, existieren noch viele lose Köpfe."</h2>
<aside>Quelle: Expose © Martin Gerhard Reisenberg</aside>
<footer>
<p>veröffentlicht am <time datetime="1999-05-30" pubdate="pubdate">30. Mai 1999</time>.</p>
</footer>
</article>
//<!-- Seitenleiste -->
<aside>
<p>Aphorismen-Archiv auf Facebook<br />
<a href="https://www.facebook.com/pages/Aphorismen-Archiv/221455531234931">folgen Sie uns auf Facebook</a>
</p>
</aside>
//<!-- footer -->
<footer>
<ul>
<li><a href="Sitemap.html" title="Sitemap">Sitemap</a></li>
<li><a href="Datenschutz.html" title="Datenschutz">Datenschutz</a></li>
<li><a href="AGB.html" title="AGB">AGB</a></li>
<li><a href="NUB.html" title="Nutzungsbedingungen">Nutzungsbedingungen</a></li>
<li><a href="Impressum.html" title="Impressum">Impressum</a></li>
</ul>
</footer>
</body>

Erläuterung

Das <aside> Element ermöglicht es ergänzende Informationen zu einem <article> Element darzustellen diese sollten einen direkten Bezug auf den textuellen Inhalt haben. Diese ergänzenden Informationen können als MarginaleInformationBedeutung: Marginaleetwas am Rande, auf der Grenze Liegendes, Nebensächliches verstanden werden.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel