Demographische Statistik über (...was auch immer)
Männer Frauen
18-39 J. 40-65 J. 18-39 J. 40-65 J.
Alte Bundesländer
Bayern 37.5% 48.9% 32.5% 42.8%
Hessen 33.4% 39.3% 29.7% 34.8%
Neue Bundesländer
Sachsen 34.8% 43.6% 29.5% 40.7%

Hier wurde die Tabellenstruktur nochmals weiter zerlegt. Anstatt alle Spaltenüberschriften mit "Männer 18-39 Jahre" und "Männer 40-65 Jahre" auszuzeichnen, wurde diese Information in eine weitere Gruppe zerlegt, mittels dem colgroup Element. Es wurde eine weiter Zeile eingefügt mit jeweils 2 übergreifenden Spalten "Männer" und "Frauen". Diese werden jetzt den beiden Spalten zugewiesen, die das Alter (beziehungsweise die Werte für das Alter) beinhalten, und zwar durch scope="colgroup". Es bezieht sich also die Überschrift "Männer" auf die zwei Spalten 18-39 J.und 40-65 J. Selbes gilt dann für die Überschrift "Frauen".

Zusätzlich habe ich die Beziehung zu Zeilengruppen aufgezeigt mittels scope=rowgroups (unten in rot gekennzeichnet). Während die Verwendung von scope="colgroup" ziemlich klar erscheint, wirft scope="rowgroup" schon einige Fragen auf. Was ist denn eigentlich eine Zeilengruppe? Nun, es bedeutet eigentlich lediglich, dass sich das jeweilige scope Attribut auf die restlichen Zellen einer Tabellensektion bezieht (Sektionen werden durch die Verwendung von thead, tfoot oder tbody definiert). Im Beispiel sind das die tbody Sektionen "Alte Bundesländer" und "Neue Bundesländer"

Folgender Auszeichnungstext wurde in diesem Beispiel verwendet:


<table summary="Hier erfolgt eine Beschreibung der Tabelle: Zweck und Struktur. Hauptsächlich für nicht-visuelle Benutzeragenten." frame="box">
<caption>Demographische Statistik über (...was auch immer) </caption>
<colgroup></colgroup>
<colgroup span="2"></colgroup>
<colgroup span="2"></colgroup>
<thead>
<tr>
	<td></td>
	<th colspan="2" scope="colgroup">Männer</th>
	<th colspan="2" scope="colgroup">Frauen</th>
</tr>
<tr>
	<td></td>
	<th scope="col">18-39 <abbr title="Jahre">J.</abbr></th>
	<th scope="col">40-65 J.</th>
	<th scope="col">18-39 J.</th>
	<th scope="col">40-65 J.</th>
</tr>
</thead>
<tbody>
<tr>
	<th colspan="5" scope="rowgroup">Alte Bundesländer</th>
</tr>
<tr>
	<td scope="row">Bayern</td>
	<td>37.5%</td>
	<td>48.9%</td>
	<td>32.5%</td>
	<td>42.8%</td>
</tr>
<tr>
	<td scope="row">Hessen</td>
	<td>33.4%</td>
	<td>39.3%</td>
	<td>29.7%</td>
	<td>34.8%</td>
</tr>
</tbody>
<tbody>
<tr>
	<th colspan="5" scope="rowgroup">Neue Bundesländer</th>
</tr>
<tr>
	<td scope="row">Sachsen</td>
	<td>34.8%</td>
	<td>43.6%</td>
	<td>29.5%</td>
	<td>40.7%</td>
</tr>
</tbody>
</table>

Zurück zum Artikel