Vorlage:Icon und BITV/1.3-Tabellen: Unterschied zwischen den Seiten

Version vom 31. Juli 2023, 16:57 Uhr

Für Layouts Karten oder Startseitenvorlagen verwenden. Diese passen sich auch besser der Monitorbreite an.

Oft nicht möglich für tabulare Daten. Dies sollten Sie nur berücksichtigen, wenn hier eine Anforderung besteht.

Richtige Kennzeichnung von Tabellen

Unterscheiden zwischen Kopfzeilen und Inhaltszeilen. Gut:

Schlecht:

Einkaufsliste
Brot & Butter	Torte	Brötchen	Plundergebäck	Croissant
Brot & Butter	Käse	Eis		Butter	Joghurt

@@ Zeile 1: / Zeile 1: @@
-<includeonly><span class="{{{1|bi bi-clock}}}" style="{{#if:{{{2|}}}|font-size:{{{2|}}};|}}{{#if:{{{3|}}}|color:{{{3|}}};|}}vertical-align:{{#if:{{{4|}}}|vertical-align:{{{4|}}};|text-top}};></span></includeonly>
+https://lbit.hessen.de/sites/lbit.hessen.de/files/2022-08/checkliste_fuer_tabellen.pdf
+== Layout-Tabellen vermeiden ==
+Für Layouts [[Handbuch:Seitenabschnitte als Karten darstellen|Karten]] oder [[Handbuch:Startseitenvorlagen|Startseitenvorlagen]] verwenden. Diese passen sich auch besser der Monitorbreite an.
+== Tabellen für mobile Darstellungen optimieren ==
+Oft nicht möglich für tabulare Daten. Dies sollten Sie nur berücksichtigen, wenn hier eine Anforderung besteht.
+Richtige Kennzeichnung von Tabellen
+Unterscheiden zwischen Kopfzeilen und Inhaltszeilen.
+Gut:
+{| class="wikitable"
+|-
+! scope="col"| Gegenstand
+! scope="col"| Menge
+! scope="col"| Kosten
+|-
+! scope="row"| Brot
+| 0.3 kg
+| $0.65
+|-
+! scope="row"| Butter
+| 0.125 kg
+| $1.25
+|-
+! scope="row" colspan="2"| Total
+| $1.90
+|}
+Schlecht:
+{| class="wikitable"
+!colspan="6"|Einkaufsliste
+|-
+|rowspan="2"|Brot & Butter
+|Torte
+|Brötchen
+|Plundergebäck
+|colspan="2"|Croissant
+|-
+|Käse
+|colspan="2"|Eis
+|Butter
+|Joghurt
+|}