HTML/Seitenstrukturierung/aside

Aus selfHTML
(Weitergeleitet von JavaScript/Tutorials/DOM)
Zur Navigation springenZur Suche springen

Das aside-Element umschließt laut Spezifikation Abschnitte einer Seite, deren Inhalt nur in einem indirekten Zusammenhang mit dem umgebenden Inhalt stehen. Dies sind zum Beispiel Randbemerkungen, Fußnoten oder Links zu weitergehenden Webseiten.

    {{#fornumargs:nr|name|{{#vardefine:class|}}{{#vardefine:classext|}}{{#vardefine:ext|-Extended}}
  • [[Datei:Iconset{{#var:ext}}.png|alt={{#explode:{{#var:classext|{{#var:class|leer+Leer}}}}|+|-1}}|{{#explode:{{#var:classext|{{#var:class|leer+Leer}}}}|+|-1}}]]
  • {{#vardefine:class}}{{#vardefine:classext}}}}

Trotz der Begriffe „aside“, „Rand…“ und „Fuß…“ wird die Position des aside-Elements nur durch das CSS festgelegt.

Das Element aside
<!doctype html> <html> <head> </head> <body> <header> <h2>Name unserer Seite</h2> <header> <article> <header> <h1>Überschrift des Artikels</h1> </header> <section> <h2>Kapitel 1</h2> <p>...</p> </section> <aside> <h2>Quellenangabe</h2> <ul>...</ul> </aside> </article> </body> </html>
Beachten Sie: Die Elemente article, section, nav und aside bilden jeweils ihren eigenen Inhaltsbereich. Deshalb stellen die meisten Browser Überschriften innerhalb dieser Elemente bereits als untergeordnete Überschriften dar. Siehe auch HTML/outline.


Empfehlung:
Die Angabe des role-Attributs: <aside role="complementary"> ist nicht nötig, da dies der implizite Standardwert ist.

Siehe auch

Weblinks