Horizontale Aufzählung (Fließtext-Form) mit Trennzeichen.

Das Resultat ist ein Block-Element, also nicht geeignet zur Einbettung in umgebenden Fließtext.

Vorlagenparameter

ListeListe
Auflistung der Elemente, jede Zeile beginnend mit einem Sternchen * (ggf. #)
Beispiel
* Eins

* Zwei

* Drei
Umbruch­schutznowrap
Jedes Element vollständig auf derselben Zeile
Standard
0
Beispiel
1
VorspannVorspann
Als erstes Element vorangestelltes Textfragment, etwa eine „Überschrift“; wird nicht durch ein Trennzeichen von den folgenden Elementen separiert
Beispiel
'''Zahlen:'''
KreisKreis
Kreis statt Quadrat als Trennzeichen
Standard
0
Beispiel
1
PipePipe
Pipe statt Quadrat als Trennzeichen
Standard
0
Beispiel
1
engeng
Nur Pipe: ohne Abstände zu vorhergehenden und nachfolgenden Elementen anschließen
Standard
0
Beispiel
1
classclass
Zusätzliche Klassen für das umgebende Block-Element, etwa um einzelne Elemente (wie Tabs) besonders zu gestalten
CSSstyle
CSS-Eigenschaften (der gesamten Auflistung)
Beispiel
color:#800080;font-family:serif;
Fragmentid
Fragmentbezeichner („Anker“) der Auflistung
Beispiel
Staaten
Sprachelang
Code (nach ISO 639 usw.) der menschlichen Sprache für die gesamte Auflistung, sofern nicht Projektsprache (de)
Beispiel
fr

Horizontale Aufzählung (Fließtext-Form) mit Trennzeichen

Vorlagenparameter

Diese Vorlage bevorzugt Blockformatierung von Parametern.

ParameterBeschreibungTypStatus
ListeListe

Auflistung der Elemente, jede Zeile beginnend mit einem Sternchen *

Beispiel
* Eins
  • Zwei
  • Drei
Inhalterforderlich
Umbruchschutznowrap

Jedes Element vollständig auf derselben Zeile

Standard
0
Beispiel
1
Booleschoptional
VorspannVorspann

Als erstes Element vorangestelltes Textfragment, etwa eine „Überschrift“; wird nicht durch ein Trennzeichen von den folgenden Elementen separiert

Beispiel
'''Zahlen:'''
Inhaltvorgeschlagen
KreisKreis

Kreis statt Quadrat als Trennzeichen

Standard
0
Beispiel
1
Booleschoptional
PipePipe

Pipe statt Quadrat als Trennzeichen

Standard
0
Beispiel
1
Booleschoptional
engeng

Nur Pipe: ohne Abstände zu vorhergehenden und nachfolgenden Elementen anschließen

Standard
0
Beispiel
1
Booleschoptional
classclass

Zusätzliche Klassen für das umgebende Block-Element, etwa um einzelne Elemente (wie Tabs) besonders zu gestalten

Zeileoptional
CSSstyle

CSS-Eigenschaften (der gesamten Auflistung)

Beispiel
color:#800080;font-family:serif;
Zeileoptional
Fragmentid

Fragmentbezeichner („Anker“) der Auflistung

Beispiel
Staaten
Zeileoptional
Sprachelang

Code (nach ISO 639 usw.) der menschlichen Sprache für die gesamte Auflistung, sofern nicht Projektsprache (de)

Beispiel
fr
Zeileoptional

Kopiervorlage

{{Auflistung
|Vorspann=
|Liste=
*
*
*
|nowrap=1
|Kreis=1
|Pipe=1}}

Beispiele

Basis

{{Auflistung|Liste= * [[Eins]] * [[Zwei]] * [[Drei]] }}

Kreis

{{Auflistung|Liste= * Das kleine Mädchen mit den Schwefelhölzern * Der kleine Klaus und der große Klaus * Der standhafte Zinnsoldat * Des Kaisers neue Kleider * Die kleine Meerjungfrau * Die Prinzessin auf der Erbse |Kreis=1}}

Pipe

{{Auflistung|Liste= * Das kleine Mädchen mit den Schwefelhölzern * Der kleine Klaus und der große Klaus * Der standhafte Zinnsoldat * Des Kaisers neue Kleider * Die kleine Meerjungfrau * Die Prinzessin auf der Erbse |Pipe=1}}

Pipe (eng)

{{Auflistung|Liste= * Das kleine Mädchen mit den Schwefelhölzern * Der kleine Klaus und der große Klaus * Der standhafte Zinnsoldat * Des Kaisers neue Kleider * Die kleine Meerjungfrau * Die Prinzessin auf der Erbse |Pipe=1 |eng=1}}

nowrap

{{Auflistung|Liste= * Das kleine Mädchen mit den Schwefelhölzern * Der kleine Klaus und der große Klaus * Der standhafte Zinnsoldat * Des Kaisers neue Kleider * Die kleine Meerjungfrau * Die Prinzessin auf der Erbse |nowrap=1}}

Vorspann

{{Auflistung |Vorspann='''Märchen:''' |Liste= * Das kleine Mädchen mit den Schwefelhölzern * Der kleine Klaus und der große Klaus * Der standhafte Zinnsoldat * Des Kaisers neue Kleider * Die kleine Meerjungfrau * Die Prinzessin auf der Erbse }}

Hinweise

Copy&Paste

Statt des Trennzeichens wird immer ein Pipe-Symbol | umgeben von einfachen Leerzeichen kopiert.

  • Dieses Zeichen erscheint auch in Darstellungen der Inhalte nach außen; namentlich als Ergebnisse von Suchmaschinen und anderer inhaltlicher Darstellungen sowie unserer internen Textsuche.

Barrierefreiheit

Für Screenreader wird eine Navigationsstruktur im Dokument generiert.

  • In der optischen Präsentation wird dies als konventionelle Abfolge von Verlinkungstexten dargestellt.
  • Semantisch handelt es sich um eine einfache Aufzählungsliste <ul>, wovon allerdings nur Screenreader etwas erfahren.
  • Die sichtbaren Trennzeichen zwischen den Elementen werden per CSS generiert, sind damit nicht Bestandteil des DOM, somit auch für Screenreader nicht existent.
  • Auch die als Ersatz beim Copy&Paste zwischen den Elementen generierten Pipe-Symbole | werden für Screenreader unterdrückt; jedoch nicht per CSS.
  • Anders als eine konventionelle Aufzählung (etwa von Verlinkungen) in einem kontinuierlichen Fließtext getrennt durch nicht vorlesbare Symbole sind die einzelnen Elemente navigierbar voneinander abgegrenzt.
  • Beispielsweise können die Elemente mit der Tabulator-Taste weitergeschaltet werden.
  • Siehe dazu auch: Breadcrumb Example. w3.org (englisch)
  • Die Methodik wird im Desktop-Portalrahmen der Wikis seit den frühen 2000er Jahren nicht nur in den vertikalen Seitenleisten, sondern auch in den horizontalen Menüs verwendet.

Hierarchische Liste

Statt eines Sternchen * könnte auch # als Aufzählungszeichen verwendet werden. Das hat keinerlei Einfluss auf die optische Darstellung, wirkt sich jedoch auf die Wiedergabe durch Screenreader aus. Es wird dann eine Hierarchie in Reihenfolge der Aufzählung ausgedrückt, während die Elemente ansonsten gleichwertig sind. Erreicht wird das durch eine nummerierte Aufzählung (<ol>).

Wartung

Fehlerhafte Einbindungen werden aufgelistet in der Kategorie:Wikipedia:Vorlagenfehler/Vorlage:Auflistung – aktuell keine     (6. April 2024 07:16) Aktualisieren

Lua

Verwendete Module: