CSS, HTML und Javascript mit {stil}

HTML aside – »Am Rande«

aside steht nicht für die sidebar, sondern gehört nur "am Rand" zum Thema der Seite

aside kennzeichnet Bereiche der Seite, die nur am Rand mit dem Kerninhalt zu tun haben – ähnlicht wie die Seitenspalte (Marginale) in einem Fachbuch.

Die Klassiker unter den HTML-Tags für die Strukturierung der Webseite sagen nichts über den Inhalt: <div> und <span> sind Tags ohne semantische Bedeutung. aside, header, nav, article und section hingegen sind semantische Auszeichnungen – sie geben im Quelltext Auskunft über den Inhalt.

Semantische Tags

aside für nebensächlichen Inhalt

aside ist die Struktur für Inhalte, die nicht zu den Hauptinhalten einer Seite zählen – »am Rande« ist eine gute Übersetzung für aside. aside steht aber nicht für die Sidebar der Webseite und Inhalte der Sidebar sind nicht unbedingt »aside«.

aside steht für Bereiche einer Seite, die nicht unbedingt wichtig für das Verständnis der Seite sind, sondern eher als interessante zusätzliche Informationen zu verstehen sind, die zum Verständnis beitragen, aber nicht erforderlich für das Verständnis sind. Beispiele für aside sind weiterführende Links, ein kleines Glossar.

aside ähnelt figure, aber figure enthält Informationen, die wichtig für das Verständnis sind, aber die nicht an einer bestimmten Position innerhalt des Inhalts sind.

ASIDE <header><nav><article><section><section><aside><footer>