Zeilen der Tabelle anstelle dieser einen Zelle vier einzelne Zellen definieren. Die Summe der Zellen sollte in jeder Zeile der Tabelle gleich sein.
Das Gleiche gilt für
rowspan
. Wenn Sie in einer Tabellenzeile eine Zelle beispielsweise über vier Zeilen hinweg erstrecken, sollten Sie in der gleichen Zeile den Inhalt der ersten danebenstehenden Zelle definieren. In den drei folgenden Zeilen sollten Sie an gleicherStelle nur die drei übrigen Zellen definieren, die neben der gestreckten Zelle stehen sollen. Auch hier gilt: Die Summe aller Zellen sollte pro Zeile gleich sein.
CSS-Eigenschaften, die eine gestreckte Zelle betreffen, wirken sich automatisch auf den erweiterten Raum aus, also beispielsweise Hintergrundfarben.
Referenzinformationen
Attributreferenz
colspan
,
Attributreferenz
rowspan
:
5.2 Zusätzliche Auszeichnungen für Tabellen
Die Beschreibungen in diesem Abschnitt sind vor allem für die Ausgabe von Tabellen auf nicht-visuellen Medien gedacht. Vor allem bei Sprachausgabesystemen können komplexe Tabellen ein Problem darstellen. Denn die optische Eindeutigkeit einer Tabelle am Bildschirm oder auf Papier lässt sich in einem Medium, das Daten hintereinander ausgeben muss, nicht abbilden. Zu den typischen Problemen bei der seriellen Wiedergabe einer Tabelle gehört das Problem, zu welcher Spalten- oder Zeilenüberschrift eine Datenzelle gehört. Das W3-Konsortium hat zu diesem Zweck bereits mit HTML 4.01 eine Reihe von Attributen in HTML eingeführt, die speziell solche Probleme lösen helfen sollen.
5.2.1 Zusammenfassung einer Tabelle
Sie können einen zusammenfassenden Text für die Tabelle definieren, der sich speziell an nicht-visuelle Ausgabesysteme richtet. Ein Sprachausgabesystem könnte diesen Text als Einleitung zur Tabelle ausgeben.
Beispiel
Berlin |
Hamburg |
München |
|---|
Miljöh |
Kiez |
Bierdampf |
Buletten |
Frikadellen |
Fleischpflanzerl |
Erläuterung
Mit dem Attribut
summary
können Sie im einleitenden
-Tag eine Zusammenfassung der Tabelle definieren ( summary = Zusammenfassung).
Weitere Hinweise
Damit das
summary
-Attribut nicht mit der Bedeutung von Tabellenbeschriftungen in Konflikt gerät, sollte dieses Attribut nur Inhalte enthalten, die bei der optischen Präsentation unerheblich sind, für eine serielle Ausgabe jedoch wichtige Vorabinformationen bieten, so etwa wie im obigen Beispiel eine Vorankündigung der Anzahl der Spalten, Zeilen und Kopfzeilen der Tabelle. Zusammenfassende Texte zum Inhalt sollten dagegen in jedem Fall in einem
caption
-Element (mehr dazu finden Sie unter 5.1.4 Tabellenbeschriftung) notiert werden.
In Mozilla Firefox ist der Inhalt des
summary
-Attributs nach einem Klick auf die Tabelle über das Kontextmenü (Punkt Eigenschaften ) zugänglich.
Dieses Attribut ist in HTML5 nicht mehr gültig. Statt dessen sollen neue semantische Elemente verwendet werden, wie im folgenden Beispiel gezeigt.
Beispiel in HTML5
Charakteristik deutscher Städte
Hilfe
Die folgende Tabelle ist dreispaltig mit einer Kopfzeile
zu Beginn und zwei daran anschließenden Datenzeilen.
Berlin |
Hamburg |
München |
|---|
Miljöh |
Kiez |
Bierdampf |
Buletten |
Frikadellen |
Fleischpflanzerl |
Erläuterung
Dieses Beispiel macht sich die Eigenschaften der Elemente
details
und
summary
zu Nutze. Bei einem Browser, der diese Elemente kennt, ist zunächst nur das
summary
-Element sichtbar – im Beispiel also das Wort
Hilfe
. Außerdem ist der Inhalt anklickbar. Durch Anklicken kann der Anwender den restlichen Inhalt des
details
-Elements anzeigen. Die Elemente
details
und
summary
werden in Kapitel 8.6.2 noch näher beschrieben .
Referenzinformationen
Attributreferenz
summary
:
Alternative Überschrift für Kopfzellen
In umfangreichen Tabellen, bei denen sich der Inhalt zwar aus der optischen Darstellung, nicht aber unbedingt aus den Kopfzellenüberschriften ergibt, können Sie für die Kopfzellen zu Spalten
Weitere Kostenlose Bücher
Kostenlos Online Lesen 
