Zur Navigation springen Zum Inhalt springen Zum Footer springen
 

Tabelle

Mit dem Tabellenblock kannst du strukturierte Daten übersichtlich darstellen. Beim Einfügen des Blocks öffnet sich ein integrierter Editor, in dem du Tabellen bequem erstellen und bearbeiten kannst. Du kannst:

  • Zeilen und Spalten hinzufügen
  • Zellen bearbeiten
  • Eigenschaften vergeben, wie z. B. Ausrichtung oder Formatierungen

Für Anwender*innen mit HTML-Kenntnissen besteht außerdem die Möglichkeit, die Tabelle direkt über den Code zu bearbeiten. Dies erlaubt eine präzisere Gestaltung und Korrekturen, die über den visuellen Editor hinausgehen.

Wichtig für SEO und Barrierefreiheit

Damit Suchmaschinen und Screenreader die Inhalte korrekt interpretieren können, sollte jede Tabelle einen Tabellenkopf (thead) enthalten. Der Head definiert die Spaltenüberschriften und trägt entscheidend zur semantischen Struktur bei.

Ohne Tabellenkopf kann eine Tabelle für Nutzer*innen mit Screenreader oder anderen assistiven Technologien schwer verständlich sein.

HTML-Beispiel: Tabelle mit thead

Tabelle in HTML

Das sieht dann so aus:

Produkt Preis Verfügbarkeit
Artikel A 19,99 € Auf Lager
Artikel B 14,50 € Nicht verfügbar