Benutzer:Waldi/Basteln

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Auf dieser Seite erarbeite ich einen Vorschlag für eine einheitliche Tabellenformatierung innerhalb der Referenzseiten. Mithilfe und Feedback sind dabei ausdrücklich erwünscht (siehe weiter unten).

Aktuelle Situation

Die Referenzseiten zu SVG, HTML, OpenSearch, HTTP und Länder-/Sprachkürzel verwenden Tabellen, um auf strukturierte Weise Informationen zu Elementen, Attributen oder ähnlichem darzustellen. Es lassen sich folgende Beobachtungen machen:

  1. Die Tabellen innerhalb einer Referenz sind stets identisch aufgebaut und formatiert.
  2. Die Formatierung jeder einzelnen Tabelle wird mittels Inline-CSS realisiert.
  3. In jeder Referenz hat sich eine von den anderen Referenzen verschiedene Tabellenformatierung etabliert.

Der Gebrauch von Inline-CSS ist äußerst unvorteilhaft: Nachträgliche Änderungen an der Formatierung müssen für jede Tabelle einzeln vorgenommen werden, die Lesbarkeit des zu editierenden Wikitextes wird unnötig erschwert, die zu übertragenden Datenmengen sind unnötig groß, Angaben von medienabhängigen Regeln (screen, print) sind nicht möglich usw.

Die bisherige Praxis, für jede Referenz eine andere Tabellenformatierung zu verwenden, wirkt sich nachteilig auf den Wiedererkennungswert des gesamten Projekts aus und scheint vor dem Hintergrund, dass der Tabellenaufbau von Referenz zu Referenz nur in der Verwendung von Kopfzeilen und Kopfspalten variiert, völlig ungerechtfertigt.

Die nachstehende Tabelle soll genaueren Aufschluss geben:

Referenz Kopfzeile Kopfspalte Explizite Formatierung
SVG Elemente nein ja* inline
Attribute ja* ja** inline
HTML Elemente nein ja zentral
Attribute ja nein zentral
OpenSearch nein ja*** inline
HTTP Header ja* ja* inline
Statuscodes ja* ja* inline
Länderkürzel ja nein nein
Sprachkürzel ja nein nein

* Grauer Hintergrund ** Hellgelber Hintergrund *** siehe [1]

Verbesserungsvorschläge

In diesem Abschnitt dürfen gern Anmerkungen und Gegenvorschläge (eingerückt und mit Signatur versehen) gemacht werden.

CSS-Klassen

Ich halte die Einführung der folgenden generischen CSS-Klassen für sinnvoll:

table.rtable
Die Tabelle wird gemäß dem hier zu erarbeitenden Vorschlag formatiert.
table.rtable tr.rthead
Die Zeile wird speziell als Kopfzeile formatiert.

Formatierungsvorschlag A

Eine mit den entsprechenden CSS-Klassen ausgezeichnete Tabelle erhält hierdurch die selbe Formatierung wie obige Übersichtstabelle und das nachfolgende Beispiel.

table.rtable {
  width: 100%;
  text-align: left;
  border-style: solid;
  border-color: #bbb;
  border-width: 3px 0;
}
table.rtable tr {
  border-style: solid;
  border-color: #bbb;
  border-width: 1px 0;
}
table.rtable tr.rthead {
  background-color: #eee;
}
table.rtable th {
  font-weight: bold;
}

Beispieltabelle:

Beispiel Beispiel Beispiel
Beispiel Beispiel Beispiel
Beispiel Beispiel Beispiel

Die Kopfzeile wird – dem Beispiel der SVG- und HTTP-Referenzen folgend – grau hinterlegt, die Kopfspalte erhält – abgesehen von der ohnehin für alle th-Elemente eingestellten fetten Schrift – keine besondere Formatierung. Die Tabellenbreite wird auf 100% gesetzt und auf vertikale Trennlinien wird verzichtet.

Formatierungsvorschlag B

table.rtable {
}
table.rtable tr {
}
table.rtable tr.rthead {
}
table.rtable th {
}

Beispieltabelle: