Tabelle für tabellarische Daten laut BITV
Tabellen dienen der Darstellung tabellarischer Daten. Die gezeigte Tabelle entspricht der BITVerordnung und gilt somit als barrierefreie Tabelle.
Tabellen strukturieren. Sehenden geben sie meist mit einem Blick den gewünschten Überblick. Vor allem, wenn sie auch noch zusammengehörende Daten farblich hervorheben.
Tabellen dienen der Darstellung tabellarischer Daten
Alle anderen Verwendungen sind meist unnötig und auch nicht einfacher, denn wer den Überblick über eine sechsfach verschachtelte Tabelle für das Webseiten Layout hat, der kann dies auch mit richtigem (X)html machen. 
Alle Beispieltabellen mit XHTML und CSS
barrierefreie Tabelle laut BITV
- Tabelle mit 5 Spalten.
- Spalten Überschriften.
- 3 Zeilen (beliebig erweiterbar).
- Tabellenfuß.
- Gitternetzlinien werden angezeigt.
| Urlaub | Flug | Hotel | Ausgehen | Total |
|---|---|---|---|---|
| Total: | 600 | 400 | 300 | 1300 |
| London | ||||
| 2006 | 400 | 300 | 150 | |
| 2007 | 200 | 100 | 150 |
Download des Beispiels als Textdatei:
XHTML Vorlage für eine Tabelle laut BITV.
Diese Tabelle sieht noch sehr schlicht aus. Die Gestaltung mittels eines Cascading StyleSheets zeige ich noch dieser Tage, genauso wie die theoretische Erklärung all der verwendeten Elemente, Attribute und tags noch folgt. [edit:Theorie siehe ähnliche Artikel.]
Wenn dies hilfreich war, freue ich mich über einen Kommentar oder einen Social Bookmark. Danke!
Basis Know-how CSS
Internetmarketing
3
zu : Tabelle für tabellarische Daten laut BITV
2 Kommentare
1 Trackback
-
WordPress als CMS: In einer Kategorie Beiträge und benutzerdefinierte Felder ausgeben und nach einem benutzerdefiniertem Feld ordnen.,
[ 01.12.07 um 18:43 ]
[...] Wieso diese Tabelle so aussieht wie sie aussieht, ersuche ich w3.org zu lesen oder bei mir Tabllen laut ...
Tweets
Rechtliches
Impressum
Tabellen in CSS zu formierten ist mit das Schwierigste. Ich bin schon öfters verzweifelt bis so eine Tabelle wirklich ordentlich aussieht. Harte und aufwendige Arbeit…
Vielen Dank für diesen kleinen Hinweis bzw. Richtwert. Aber der entscheidende Schritt, ist die Formatierung mit CSS. Und dann wird es erst richtig anspruchsvoll und schwierig, um eine vernünftige Tabelle hinzubekommen.