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

Mittels der 6 scope Attribute wird die Beziehung zwischen den Tabellenzellen hergestellt. Die Überschriften im Tabellenkopf beziehen sich auf die jeweiligen Spalten während die Regionalinformationen (Bundesländer) sich jeweils nur auf eine Tabellenzeile beziehen.

Warum aber das caption Element? Vom visuellen Standpunkt aus gesehen, hätte man hier auch einfach eine weitere Tabellenzeile verwenden können. Doch hier geht es um Struktur. Das caption kann von assistiver Technologie erkannt und entsprechend verarbeitet werden. Caption ist sozusagen die Gesamtüberschrift der Tabelle, während eine Tabellenzeile erstmal nur eine Zeile innerhalb der Tabelle ist, ohne besondere Gewichtung.

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>
<tr>
	<td></td>
	<th scope="col">Männer 18-39 </abbr title="Jahre">J.</abbr></th>
	<th scope="col">Männer 40-65 J.</th>
	<th scope="col">Frauen 18-39 J.</th>
	<th scope="col">Frauen 40-65 J.</th>
</tr>
<tr>
	<td scope="row">Alte Bundesländer</td>
	<td>37.5%</td>
	<td>48.9%</td>
	<td>32.5%</td>
	<td>42.8%</td>
</tr>
<tr>
	<td scope="row">Neue Bundesländer</td>
	<td>34.8%</td>
	<td>43.6%</td>
	<td>29.5%</td>
	<td>40.7%</td>
</tr>
</table>

Nächstes Beispiel | Zurück zum Artikel