Tabelle

Kodierung

Beschreibung

Tabellen werden mit dem Element <table> (Tabelle) kodiert. Die Anzahl der Spalten wird im Attribut @cols und die der Zeilen im Attribut @rows festgehalten. Ein optionaler Titel wird im Kind-Element <head> notiert. Entspricht die erste Zeile Überschriften, so wird dem ersten <row>-Element das Attribut @role mit dem Wert label zugewiesen. Ist der Text innerhalb einer Zelle rechtsbündig, so wird dem Element <cell> das Attribute @rendition mit dem Wert "#right" angefügt. Sind Zellen miteinander verbunden, so erhält das erste Zellenelement <cell> das Attribut @cols mit der Zahl der verbundenen Zellen. Die folgenden Zellen-Elemente der verbundenen Zelle entfallen.

Zur Kodierung von Tabellenrahmenlinien und der Art der Tabellenrahmenlinien siehe hier.

Soll für die gesamte Tabelle ein Gitternetz verwendet werden, so wird dies im Element <table> mit dem Attribut-Wert-Paar @style="boxed" angegeben.

Note: Diese Angabe "überschreibt" alle @style-Angaben in <cell>.

Sollen für die Barrierefreiheit Zellen unsichtbar sein, so erhält die Zelle (<cell>) im Attribut @n den Wert visible:false und das Attribut @resp mit dem Wert editorial.

Auf einen Blick

XPath

//div

Elemente & Attribute

Elemente	Attribute
`<table>`	`@rows` (Anzahl der Zeilen) z.B. 3 `@cols` (Anzahl der Spalten) z.B. 2 `@style` (Gitternetz für gesamte Tabelle) `boxed` `@rend` (optional, Art der Rahmenlinien) `double` (doppelte Line) `dotted` (gepunktete Line) `dashed` (gestrichelte Linie) `doubledashed` (doppelt gestrichelt)
`<head>`	`Ø`
`<row>`	`@role` (optional, nur in erster Zeile erlaubt) `label` (Überschrift)
`<cell>`	`@rendition` (optional) `#right` (rechtsbündig) `#center` (zentriert) `@cols` (Verbindung von Zellen) z. B. 2

Kodierungsbeispiel

<table rows="3" cols="2">
   <head>Tabelle</head>
   <row role="label">
      <cell>[Überschrift Spalte 1]</cell>
      <cell>[Überschrift Spalte 2]</cell>
   </row>
   <row>
      <cell rendition="#center">[Spalte 1/ Zeile 1, Text zentriert]</cell>
      <cell>[Spalte 2/ Zeile 1]</cell>
   </row>
   …
</table>

<table rows="4" cols="3">
    <head>Tabellenkopf</head>
    <row role="label">
        <cell>Label 1</cell>
        <cell>Label 2</cell>
        <cell>Label 3</cell>
    </row>
    <row>
        <cell/>
        <cell cols="2">2 verbundene Zellen</cell>
    </row>
    <row>
        <cell/>
        <cell/>
        <cell/>
    </row>
    <row>
        <cell cols="3" rendition="#right">3 verbundene Zellen, Text rechtsbündig</cell>
    </row>
    <row>
        <cell/>
        <cell/>
        <cell/>
    </row>
</table>