Infobox: 3 Spalten — Format, Regeln und Beispiele

Eine dreispaltige Infobox stellt genau drei parallele Punkte unter einer gemeinsamen Idee dar. Sie ist nützlich, wenn der Leser ein echtes Dreiteil-Modell auf einmal sehen muss: drei Verantwortlichkeiten, drei Kriterien, drei Ergebnisse oder drei koordinierte Arbeitsströme. Die Spalten versprechen einen gleichwertigen redaktionellen Status, daher muss jeder Punkt die gleiche Art von Arbeit in vergleichbarer Tiefe leisten.

Dieses gerenderte Element hat einen gemeinsamen Titel und genau drei Einträge. Alle drei Titel sind Nominalphrasen, alle drei Textkörper beschreiben eine Art von Vertrauen, und die Symbole verleihen Rhythmus, ohne Bedeutung zu tragen. Entfernt man die Symbole, bleibt das Modell unverändert.

Warum dieses Element wichtig ist

Leser erleben einen dichten Absatz nicht allein deshalb als Modell, weil er drei Klauseln enthält. Sie müssen die erste Klausel im Gedächtnis behalten, den Übergang zur zweiten erkennen und entscheiden, ob die dritte gleichrangig, untergeordnet oder nur ergänzend ist. Eine dreispaltige Infobox macht die Beziehung explizit. Der gemeinsame Titel benennt, was konstant bleibt; drei abgegrenzte Einträge zeigen die vollständige Aufteilung; die gleichmäßige visuelle Gewichtung sagt den Lesern, sie sollen jeden Eintrag prüfen, bevor sie das Modell als verstanden betrachten.

Dies hilft durch Chunking, die Gruppierung verwandter Informationen in handliche Einheiten. Drei reichen aus, um ein System zu offenbaren, ohne einen Katalog zu erzeugen. Ein Leser kann die drei Titel überfliegen, über den für ihn relevantesten Punkt einsteigen und dann das Detailniveau vergleichen. Das Element ist besonders wirkungsvoll, wenn Prosa sonst dasselbe Subjekt dreimal wiederholen oder die Unterscheidung in einem langen Satz verstecken würde.

Maschinelle Extrahierbarkeit ist die Fähigkeit von Software, eine Inhaltseinheit zu isolieren, ohne deren Betreff oder Beziehungen zu verlieren. Eine typisierte dreispaltige Infobox legt ein übergeordnetes Thema und drei geordnete Kindelemente offen. Suchsysteme, Content-APIs und KI-Abrufwerkzeuge können den gemeinsamen Titel, jeden Eintragstitel, jeden Textkörper und die Quellreihenfolge bewahren, anstatt zu raten, ob ein Absatz eine Liste enthält. Explizite Überschriften geben zudem jedem Eintrag ein nützliches Abruf-Label.

Die Extraktion funktioniert nur, wenn die Wörter in sich geschlossen sind. „Technisches Vertrauen bedeutet, dass die Seite gerendert wird und Links aufgelöst werden" kann außerhalb des Layouts bestehen. „Der dritte Teil erledigt dies" kann das nicht. Struktur kann auch keine dritte Idee erzeugen. Befolgen Sie die Element-Schreibregeln : Legen Sie das Inhaltsmodell fest, bevor Sie den Renderer wählen. Die elementspezifische Anforderung von genau drei Einträgen hat Vorrang vor jeder allgemeinen Erlaubnis für wiederholbare Einträge.

Wann man es verwendet

Verwenden Sie eine dreispaltige Infobox nur, wenn alle fünf Tests bestanden werden:

1. Ein gemeinsamer Titel kann das gesamte Element genau regieren.
2. Das Thema unterteilt sich auf natürliche Weise in genau drei Punkte.
3. Alle drei Punkte beantworten dieselbe implizite Frage.
4. Jeder Punkt verdient ähnliche Tiefe, Belege und visuelles Gewicht.
5. Jeder Punkt kann in ein oder zwei kurzen Absätzen ohne verschachtelte Struktur erklärt werden.

Starke Verwendungen umfassen drei Komponenten eines Frameworks, drei Inhaberverantwortlichkeiten, drei Dimensionen von Qualität, drei Ergebnisse aus einer Fähigkeit oder drei Prüfungen, die in derselben Phase durchgeführt werden. Die Beziehung kann komplementär, sequenziell oder kategorial sein, muss aber benannt werden. Wenn der Autor den Satz „Diese drei gehören zusammen, weil …" nicht vervollständigen kann, ist die Gruppierung wahrscheinlich visuelles Füllmaterial.

Die häufigste Beinahe-Fehlanwendung ist ein echtes Paar plus ein schwaches drittes Element. „Menschen, Prozess und mehr" wird nicht allein dadurch zu einem Dreiteil-Modell, weil das Layout drei Slots hat. Ebenso wenig wie „Geschwindigkeit, Genauigkeit und Wert", wenn der Artikel nur Geschwindigkeit und Genauigkeit definiert und Wert als deren Ergebnis behandelt. Behalten Sie das Paar, erklären Sie das Ergebnis in Prosa oder wählen Sie ein anderes Element.

Verwenden Sie diese Infobox nicht für drei aufeinanderfolgende Anweisungen. Spalten schwächen die Sequenz, insbesondere wenn sie bei schmalen Breiten gestapelt werden; verwenden Sie eine Schrittliste, wenn die Reihenfolge der Fertigstellung wichtig ist. Verwenden Sie sie nicht für drei Produkte, die nach mehreren Kriterien bewertet werden; verwenden Sie eine Vergleichstabelle. Verwenden Sie sie nicht für eine Liste, die heute zufällig drei Fakten enthält, aber bei der nächsten Aktualisierung einen vierten hinzugewinnen könnte. Ein fester Dreispalten-Vertrag ist nur geeignet, wenn drei dem Wesen der Idee innewohnen.

Weitere Beinahe-Fehlanwendungen sind eine Überschrift plus zwei echte Einträge, ein Eintrag, der alle Einschränkungen enthält, drei Werbeaussagen ohne Mechanismus oder Belege, und ein in drei willkürliche demografische Gruppen aufgeteiltes Zielgruppensegment. In jedem Fall überzeichnet das Layout eine Beziehung, die der Inhalt nicht verdient hat.

Wo man es platziert

Platzieren Sie die Infobox unmittelbar nach dem Absatz, der die übergeordnete Idee einführt. Dieser Absatz sollte erklären, warum eine Dreiteil-Ansicht hilfreich ist; der gemeinsame Titel benennt dann das Modell und die Einträge definieren seine Teile. Folgen Sie dem Element mit Interpretation, Belegen oder einem Übergang, der für die Gruppe als Ganzes gilt.

Sie kann direkt unter einer H2-Überschrift erscheinen, wenn diese den gemeinsamen Titel liefert und kein Absatz oder Bestandteil dazwischensteht. Sie kann auch einer Definition folgen, wenn die drei Einträge Dimensionen des Begriffs entfalten. Sie darf keine Behauptung und deren Quellenangabe, eine Warnung und die Bedingung, die sie auslöst, einen Schritt und sein erwartetes Ergebnis oder einen Satz, der eine konventionelle Liste einleitet, unterbrechen. Diese Beziehungen müssen zusammenhängend bleiben.

Platzieren Sie sie nicht unmittelbar neben einem anderen Dreispalten-Raster, einer Preistabelle, einem Registerkarten-Steuerelement, einer Kartenanordnung oder einem Drei-Optionen-Aufruf zum Handeln. Wiederholte Geometrie lässt redaktionelle Erklärungen interaktiv oder kommerziell wirken und zwingt die Leser dazu, zu erschließen, welche Gruppierung wichtig ist. Fügen Sie erklärende Prosa ein oder wählen Sie eine Struktur, die die gesamte Beziehung trägt. Vermeiden Sie es, eine zweite Infobox im selben kurzen Abschnitt zu platzieren; Wiederholung macht aus einem bewussten Modell dekoratives Mobiliar.

Auf einer langen Seite sind mehrere dreispaltige Infoboxen nur unter verschiedenen Überschriften und für wirklich unterschiedliche Modelle akzeptabel. Sie sollten nicht als Standardbehandlung für jedes Trio im Text verwendet werden.

Anatomie

Die Anatomie besteht aus einem übergeordneten Bereich und drei wiederholten Eintragsbereichen. Der beschriftete Screenshot sollte semantische Teile identifizieren, nicht Farb-, Radius- oder Abstands-Tokens, damit die Spezifikation ein Redesign übersteht.

1. Äußere Begrenzung: Fasst den Titel und alle drei Einträge als eine redaktionelle Einheit zusammen.
2. Gemeinsamer Titel: Benennt die Idee, die durch die drei Einträge aufgeteilt wird. Er ist kein vierter Eintrag.
3. Optionaler Symbolplatz: Enthält ein zugelassenes dekoratives Symbol pro Eintrag; alle drei Plätze werden entweder zusammen genutzt oder weggelassen.
4. Eintragstitel: Benennt ein Mitglied der Menge in einer zu den anderen beiden Titeln parallelen Sprache.
5. Eintragstextkörper: Erklärt dieses Mitglied in vergleichbarer Tiefe und bleibt auch bei Extraktion aussagekräftig.
6. Layout-Beziehung: Verwendet drei gleich breite Spalten, wo der Platz es zulässt, und stapelt Eintrag eins, Eintrag zwei, dann Eintrag drei auf schmalen Bildschirmen.

Autoren kontrollieren Titel, Textkörper, Symbol-Tokens und Quellreihenfolge. Der Renderer kontrolliert Spaltenbreite, Abstände, Breakpoints, Rahmen, Hintergründe und Typografie.

Designbeispiele

Es gibt ein semantisches Element mit vier unterstützten Varianten und einem responsiven Zustand. Keiner ändert den genauen Drei-Einträge-Vertrag.

Standardvariante mit Titeln: Bevorzugt für erklärende Inhalte. Der gemeinsame Titel und die drei Eintragstitel machen die Hierarchie explizit; es sind keine Symbole vorhanden.

Symbolvariante: Fügt jedem Eintrag ein dekoratives Symbol hinzu. Symbole müssen Familie, Größe und visuelles Gewicht teilen. Eine Mischung aus Symbol, Foto und leerem Platz wird nicht unterstützt.

Kontextuelle-Titel-Variante: Die unmittelbar vorhergehende H2-Überschrift liefert den gemeinsamen Titel. Dies ist nur zulässig, wenn der Container programmatisch auf diese sichtbare Überschrift verweisen kann und nichts die Überschrift vom Element trennt.

Kompakte Variante: Geeignet für drei kurze Definitionen oder Prüfungen. Jeder Textkörper ist dennoch ein vollständiger Satz, kein Slogan oder Label-Fragment.

Schmal-Viewport-Zustand: Einträge werden in der verfassten Reihenfolge vertikal gestapelt. Keine Formulierung darf von der linken, mittleren oder rechten Position abhängen.

Parameter

Der Vertrag trennt die verfasste Bedeutung von der Präsentation. Responsive Spalten und Symbolgestaltung gehören zum Renderer; Inhaltsfelder und semantische Reihenfolge gehören zur Quelle.

Der Titel ist erforderlich, es sei denn, eine unmittelbar vorhergehende Überschrift liefert dasselbe übergeordnete Thema und beschriftet den Container. Der Eintragsinhalt kann Hervorhebungen, Inline-Code und einen relevanten Textlink enthalten. Er darf keine verschachtelten Überschriften, Tabellen, Listen mit mehr als drei kurzen Aufzählungspunkten, Medien, Formulare, Handlungsaufrufe oder andere Komponenten enthalten.

Syntax und Codebeispiele

Alle drei Notationen bewahren denselben Titel, drei geordnete Einträge, optionale Symbol-Tokens und Textkörper. Die portable Markdown-Anweisung ist die kanonische Quelle. Hugo und WordPress sind Adapterverträge und müssen jede andere Anzahl als drei Einträge ablehnen.

Portable Markdown-Anweisung

:::infobox-3-columns
## Eine veröffentlichbare Seite braucht drei Arten von Vertrauen

::item{icon="reader"}
### Leservertrauen

Die Antwort ist klar, vollständig und präzise genug, um eine Entscheidung oder Handlung zu leiten.
::

::item{icon="editorial"}
### Redaktionelles Vertrauen

Behauptungen werden gestützt, die Terminologie ist konsistent und alle erforderlichen Qualifikationen bleiben erhalten.
::

::item{icon="technical"}
### Technisches Vertrauen

Die Seite wird gerendert, Links sind funktionsfähig, Metadaten werden korrekt zugeordnet und Maschinen können die Struktur wiederherstellen.
::
:::

Die erste übergeordnete Überschrift wird auf title abgebildet. Jedes ::item bildet seine erste Überschrift auf item.title, den verbleibenden Textkörper auf item.content und das optionale icon-Attribut auf ein zugelassenes Symbol-Token ab. Drei verschachtelte Einträge sind selbst dann erforderlich, wenn das Layout stapelt.

Hugo-Shortcode-Zuordnung

{{< infobox-3-columns title="Eine veröffentlichbare Seite braucht drei Arten von Vertrauen" variant="icons" >}}
  {{< infobox-item title="Leservertrauen" icon="reader" >}}
  Die Antwort ist klar, vollständig und präzise genug, um eine Entscheidung oder Handlung zu leiten.
  {{< /infobox-item >}}
  {{< infobox-item title="Redaktionelles Vertrauen" icon="editorial" >}}
  Behauptungen werden gestützt, die Terminologie ist konsistent und alle erforderlichen Qualifikationen bleiben erhalten.
  {{< /infobox-item >}}
  {{< infobox-item title="Technisches Vertrauen" icon="technical" >}}
  Die Seite wird gerendert, Links sind funktionsfähig, Metadaten werden korrekt zugeordnet und Maschinen können die Struktur wiederherstellen.
  {{< /infobox-item >}}
{{< /infobox-3-columns >}}

Dies ist eine portable Adapter-Spezifikation, kein Versprechen, dass die aktuelle Site diese Shortcodes registriert. Sie verwendet nur benannte Parameter, bewahrt die Quellreihenfolge, validiert Symbol-Tokens und schlägt bei der Autorisierungsvalidierung fehl, anstatt einen zusätzlichen Eintrag stillschweigend zu entfernen oder zu umschließen.

WordPress-Block

<!-- wp:amicited/infobox-3-columns {"title":"Eine veröffentlichbare Seite braucht drei Arten von Vertrauen","variant":"icons"} -->
  <!-- wp:amicited/infobox-item {"title":"Leservertrauen","icon":"reader"} -->
  <p>Die Antwort ist klar, vollständig und präzise genug, um eine Entscheidung oder Handlung zu leiten.</p>
  <!-- /wp:amicited/infobox-item -->
  <!-- wp:amicited/infobox-item {"title":"Redaktionelles Vertrauen","icon":"editorial"} -->
  <p>Behauptungen werden gestützt, die Terminologie ist konsistent und alle erforderlichen Qualifikationen bleiben erhalten.</p>
  <!-- /wp:amicited/infobox-item -->
  <!-- wp:amicited/infobox-item {"title":"Technisches Vertrauen","icon":"technical"} -->
  <p>Die Seite wird gerendert, Links sind funktionsfähig, Metadaten werden korrekt zugeordnet und Maschinen können die Struktur wiederherstellen.</p>
  <!-- /wp:amicited/infobox-item -->
<!-- /wp:amicited/infobox-3-columns -->

Der Editor sollte drei feste Eintrags-Slots anzeigen. Er kann dem Autor erlauben, die Einträge neu anzuordnen, darf aber keinen uneingeschränkten Einsetzer anbieten, der ein viertes Kind oder einen nicht verwandten Block zulässt.

Beispiele

Gutes Beispiel: ein echtes Drei-Wege-Betriebsmodell

Dies funktioniert, weil der gemeinsame Titel ein Verantwortungsmodell definiert, die drei Rollen klar unterschieden sind und jeder Textkörper dieselbe Frage beantwortet: Was muss dieser Verantwortliche überprüfen? Die Einträge verwenden parallele nominale Titel und vergleichbare Tiefe. Keiner existiert nur, um die Reihe zu vervollständigen.

Schlechtes Beispiel: ein auf drei aufgeblähtes Paar

Drei Möglichkeiten, eine Landingpage zu verbessern

Das Angebot klarmachen: Nennen Sie die Zielgruppe, das Problem, den Mechanismus und das erwartete Ergebnis in einer Sprache, die der Leser überprüfen kann.

Die Behauptung belegen: Fügen Sie relevante Belege hinzu, erklären Sie deren Grenzen und halten Sie Quellenangaben an die Aussagen gebunden, die sie stützen.

Zum Knallen bringen: Fügen Sie ansprechende Farben und was auch immer sich ansprechend anfühlt hinzu.

Die ersten beiden Einträge sind redaktionelle Anforderungen mit beobachtbaren Ergebnissen. Der dritte ist ein vager visueller Ratschlag, hat keinen übereinstimmenden Belegstandard und erfüllt eine andere Aufgabe. Er wurde hinzugefügt, weil das Design drei Spalten verlangte, nicht weil das Modell drei Teile hat. Entfernen Sie den dritten Eintrag und verwenden Sie eine Zweiteil-Struktur, oder definieren Sie eine echte dritte Anforderung wie die Reduzierung von Interaktionsreibung und untermauern Sie diese mit derselben Tiefe.

Schema-Markup und Barrierefreiheit

Eine dreispaltige Infobox hat keinen dedizierten Schema.org-Typ und erzeugt keine eigenständigen strukturierten Daten. Ihr Text bleibt Teil des umschließenden Article, TechArticle oder WebPage, wenn diese Seite qualifiziert ist. Markieren Sie die Kindelemente nicht als ItemList, nur weil es drei sind, und leiten Sie kein HowTo aus sequenziell klingenden Labels ab. Fügen Sie Schema auf Seitenebene nur ein, wenn der zugrundeliegende Inhalt die Anforderungen dieses Schemas unabhängig erfüllt.

Verwenden Sie einen beschrifteten semantischen Container mit drei Kindabschnitten. Verwenden Sie <section>, wenn das Modell Teil des Hauptarguments ist, und <aside>, wenn es ergänzend ist. Verbinden Sie den sichtbaren gemeinsamen Titel mit aria-labelledby und geben Sie jedem Kind eine echte Überschrift auf der korrekten Dokumentebene. Fetter Text ist kein Ersatz für eine Überschrift.

Die Quellreihenfolge ist die Lesereihenfolge. Bildschirmlesegeräte, Tastaturnavigation, kopierter Text und mobile Layouts müssen Eintrag eins, Eintrag zwei, dann Eintrag drei vorfinden. CSS darf Spalten erstellen, aber keine Anordnungsregeln verwenden, um sie neu zu mischen. Schreiben Sie niemals „links", „mitte" oder „rechts"; diese Positionen verschwinden, wenn Einträge gestapelt werden.

Symbole sind dekorativ, es sei denn, sie vermitteln Informationen, die nicht im Titel enthalten sind. Dekorative Symbole verwenden aria-hidden="true" in HTML oder leeren Alternativtext, wenn sie als Bilder gerendert werden. Wenn ein Symbol informativ ist, muss seine Bedeutung auch im sichtbaren Text erscheinen; ein versteckter barrierefreier Name hilft Lesern nicht, die die Seite sehen, aber das Symbol nicht interpretieren können. Farbe und Symbolform dürfen niemals das einzige Unterscheidungsmerkmal zwischen Einträgen sein.

Bei schmalen Breiten stapeln Sie die Einträge, bevor der Text zu beengt wird. Unterstützen Sie Textvergrößerung ohne Beschneiden, Überlappung oder horizontales Seiten-Scrolling. Ein dreispaltiger Screenshot ist kein Ersatz für responsive semantische Inhalte.

Schreibregeln

Beginnen Sie mit dem Satz „Diese Idee hat drei Teile: X, Y und Z." Der Satz muss nach der Definition jedes Teils korrekt bleiben. Wenn ein Teil ein Ergebnis der beiden anderen, ein breiter Sammelbegriff oder ein nebensächliches Beispiel ist, ist das Modell nicht wirklich parallel.

Verwenden Sie genau drei Einträge. Halten Sie jeden Titel auf 2–7 Wörter und verwenden Sie dasselbe grammatikalische Muster: drei Nominalphrasen, drei Fragen oder drei Zeitangaben. Halten Sie jeden Textkörper nach Möglichkeit auf 25–80 Wörter und überschreiten Sie niemals 110. Ein Unterschied von einem Satz ist akzeptabel. Ein 25-Wörter-Eintrag neben zwei 100-Wörter-Einträgen erfordert eine Bearbeitung oder eine andere Struktur.

Vergleichbare Tiefe bedeutet vergleichbare erklärende Arbeit, keine Füllmasse. Jeder Textkörper sollte dieselbe implizite Frage beantworten, ein ähnliches Maß an Spezifität aufweisen und Konsequenzen auf einem ähnlichen Niveau darlegen. Wenn ein Eintrag tatsächlich mehr Erklärung benötigt, überführen Sie das Modell in normale Abschnitte, in denen die Länge ehrlich variieren kann.

Verwenden Sie direkte, neutrale Sprache. Titel sollten Bedeutung identifizieren, nicht Position: „Entdeckung / Produktion / Überprüfung" ist stärker als „Erster / Zweiter / Dritter." Sequentielle Labels sind nur akzeptabel, wenn jeder Eintrag eine Phase zusammenfasst, anstatt den Leser durch Schritte zu führen. Vermeiden Sie Superlative, unbelegte Nutzenbehauptungen und drei als Erklärung getarnte Slogans.

Symbole sind optional. Verwenden Sie alle drei oder keine, wählen Sie sie aus einer zugelassenen Familie und halten Sie sie visuell konsistent. Wählen Sie keine Symbole vor Titeln, verwenden Sie Emojis als Produktions-Symbol-Tokens oder lassen Sie ein Symbol eine aussagekräftige Eintragsüberschrift ersetzen.

Setzen Sie niemals Folgendes in das Element:

• Zwei oder vier Einträge, einen leeren Eintrag oder einen dritten „Sonstiges"-Slot.
• Ein detailliertes Verfahren, eine Vergleichsmatrix, einen Preisplan, ein Formular, ein Testimonial-Karussell oder ein Werbebanner.
• Verschachtelte H2-Abschnitte, eine weitere Infobox, Registerkarten, Akkordeon-Panels, Video oder eine Bildergalerie.
• Lange Aufzählungslisten, Quellenlisten, rechtliche Haftungsausschlüsse, Sicherheitswarnungen oder Einschränkungen, die von der Behauptung, die sie regeln, losgelöst sind.
• Drei nicht zusammenhängende Links, die als gleichwertige Handlungsaufrufe gestaltet sind.

Wenn der Inhalt diese Grenzen überschreitet, befördern Sie die drei Einträge zu normalen Seitenabschnitten. Das feste Layout sollte niemals ein Grund sein, wesentliche Nuancen zu komprimieren oder eine Einschränkung zu verstecken.

Beitragstypen, die es verwenden

Das postTypes-Frontmatter-Feld ist der registrierte Nutzungssatz. Es identifiziert Formate, die oft ein bedeutungsvolles Dreiteil-Modell enthalten; es erfordert keine Infobox, wenn die Quelle kein echtes Trio hat.

QA-Checkliste

• Eine übergeordnete Idee: Ein präziser gemeinsamer Titel erklärt, warum alle drei Einträge zusammengehören.
• Genau drei Einträge: Quelle und gerenderte Ausgabe enthalten drei vollständige Kinder – niemals zwei, vier oder einen leeren Platzhalter.
• Echte Dreiteilung: Das Entfernen eines Eintrags macht das Modell unvollständig; keiner ist Füllmaterial, ein Ergebnis oder eine sonstige Kategorie.
• Parallele Titel: Alle Eintragstitel verwenden dieselbe grammatikalische Form und identifizieren die Bedeutung statt der Bildschirmposition.
• Vergleichbare Tiefe: Jeder Textkörper beantwortet dieselbe implizite Frage mit vergleichbaren Details und Belegen.
• Sinnvolle Platzierung: Das Element folgt seinem einführenden Kontext und trennt keine Behauptung, Warnung, Schritt oder Quellenangabe von seinem abhängigen Inhalt.
• Sichere Nachbarn: Es grenzt nicht an ein anderes Dreispalten-Raster, Preisblock, Registerkarten-Steuerelement oder Drei-Optionen-CTA.
• Extrahierbare Formulierung: Gemeinsame und Eintragstitel benennen ihre Themen; Textkörper verlassen sich nicht auf nahe Pronomen oder visuelle Position.
• Symbolkonsistenz: Alle drei Einträge verwenden zugelassene Symbole aus einer Familie, oder kein Eintrag verwendet ein Symbol; die Bedeutung bleibt im Text.
• Responsive Reihenfolge: Mobil werden Eintrag eins, Eintrag zwei, dann Eintrag drei ohne Beschneiden, horizontales Scrollen oder CSS-Neuanordnung gestapelt.
• Zugängliche Semantik: Der Container hat ein sichtbares programmatisches Label, Eintragstitel sind Überschriften und dekorative Symbole sind für assistive Technologien verborgen.
• Inhaltsgrenzen: Textkörper bleiben innerhalb von zwei kurzen Absätzen und enthalten keine verschachtelten komplexen Komponenten, Verfahren oder Werbesteuerungen.
• Notationsparität: Portable Markdown, Hugo und WordPress bewahren denselben Titel, drei Einträge, Symbol-Tokens, Textkörper und Reihenfolge.
• Schema-Zurückhaltung: Der Renderer leitet kein Listen-, Vergleichs- oder HowTo-Markup aus der Dreispalten-Darstellung ab.

Ein Prüfer sollte das Element ablehnen, wenn die Anzahl der Einträge, die echte Dreiteil-Logik oder die vergleichbare Tiefe fehlschlagen. Dies sind Inhaltsmodell-Mängel; visuelle Aufhübschung kann sie nicht reparieren.

FAQ

Die Frontmatter-FAQ-Einträge decken die feste Anzahl von Einträgen, die vergleichbare Tiefe, optionale Symbole, die mobile Reihenfolge und die Schema-Zurückhaltung ab. Die Akademievorlage kann diese genehmigten Antworten rendern, ohne sie im Textkörper zu duplizieren.