semantisch korrekt aufgebaute Tabelle

[Elya]

Hallo,
beim Vorbereiten einer Tabelle für Seminartermine stellt sich mir die Frage nach der semantisch korrekten Anwendung des <th> in Verbindung mit "Header"-Daten unterschiedlicher Hierarchieebenen:

--------------------------------------------------
Datum  |  Ort  |  Referent | Preis |             |
-------------------------------------------------
Seminartyp 1
--------------------------------------------------
12.4.  | Bonn  | Müller    | 200   |anmeldelink  |
--------------------------------------------------
...
--------------------------------------------------
Seminartyp 2
--------------------------------------------------
12.4.  | Bonn  | Müller    | 200   |anmeldelink  |
--------------------------------------------------
...

usw.

Im Prinzip habe ich also zwei Arten von Headern. Denkbar wäre auch, die Datum...-Zeile jeweils zu wiederholen, dann wäre es aufzuteilen in mehrere Tabellen mit je einem übergeordneten Titel. Da es aber nicht die Masse an Daten ist, reicht die einzelne Datumszeile oben vermutlich.

Ich konnte http://www.w3.org/TR/html4/struct/tables.html#h-11.2.6 nicht entnehmen, ob man <th> auch mehrfach in einer verwenden darf, nur "TH is for headers, TD for data, but for cells acting as both use TD "

Frage:

• darf ich mehrere Header pro Tabelle verwenden (syntaktisch/semantisch)?
• ist das sinnvoll? einer der beiden müßte dann (--> Optik) wieder eine CSS-class/ID bekommen.
• Wie würdet Ihr das - nach der reinen Lehre ;-) - aufbauen?

Danke für ein paar Meinungen und Tipps.

Gruß aus Köln-Ehrenfeld,

Elya

[Cheatah]

Hi,

Ich konnte http://www.w3.org/TR/html4/struct/tables.html#h-11.2.6 nicht entnehmen, ob man <th> auch mehrfach in einer verwenden darf,

das Content-Modell von <tr> sieht gem. http://www.w3.org/TR/html401/struct/tables.html#edef-TR "(TH|TD)+" vor. Über die Tabelle hinweg gibt es keine Einschränkungen.

• darf ich mehrere Header pro Tabelle verwenden (syntaktisch/semantisch)?

Beschäftige Dich neben <th> auch mit <thead> und <tbody>. Du wirst feststellen, dass insbesondere <thead> und <th> unterschiedliche Bedeutungen zugeordnet werden.

• Wie würdet Ihr das - nach der reinen Lehre ;-) - aufbauen?

Vermutlich genauso wie Du ;-) nur um die oben erwähnten Elemente ergänzt.

Cheatah

[Elya]

Hallo Cheatah,

Beschäftige Dich neben <th> auch mit <thead> und <tbody>. Du wirst feststellen, dass insbesondere <thead> und <th> unterschiedliche Bedeutungen zugeordnet werden.

Danke. Ich hatte das zwar gesehen, aber - wie so oft bei den Specs -nur überflogen und war nicht richtig eingestiegen. Ich denke, ich finde damit einen logischen Aufbau.

Gruß aus Köln-Ehrenfeld,

Elya

[molily]

Hallo,

beim Vorbereiten einer Tabelle für Seminartermine stellt sich mir die Frage nach der semantisch korrekten Anwendung des <th> in Verbindung mit "Header"-Daten unterschiedlicher Hierarchieebenen:

Ich würde mehrere Tabellen verwenden, entweder mit captions oder mit hx-Elementen für die Seminartitel. hx-Elemente lassen sich einfacher anspringen und tauchen in Gliederungen auf. Beide lassen sich mit CSS natürlich so formatieren, dass sie wie Zellen der Tabelle aussehen. Ein Beispiel mit caption:

<table border="1" cellpadding="2" cellspacing="0" summary="Die Veranstaltungen des Seminars 1">
<caption>Seminartyp 1</caption>
<thead>
<tr>
<th scope="col">Datum</th>
<th scope="col">Ort</th>
<th scope="col">Referent/in</th>
<th scope="col">Anmeldung</th>
</tr>
</thead>
<tbody>
<tr>
<td>12.04.2004</td>
<td>Bonn</td>
<td>Müller</td>
<td>200,00 </td>
<td><a href="..." title="Anmeldung Seminar 1">Anmeldeformular</a></td>
</tr>
...
</tbody>
</table>
...

Im Prinzip habe ich also zwei Arten von Headern. Denkbar wäre auch, die Datum...-Zeile jeweils zu wiederholen, dann wäre es aufzuteilen in mehrere Tabellen mit je einem übergeordneten Titel. Da es aber nicht die Masse an Daten ist, reicht die einzelne Datumszeile oben vermutlich.

Das verstehe ich nicht. Meintest du »Datumszelle«?

Ich konnte http://www.w3.org/TR/html4/struct/tables.html#h-11.2.6 nicht entnehmen, ob man <th> auch mehrfach in einer verwenden darf, nur "TH is for headers, TD for data, but for cells acting as both use TD "

Das würde Sinn ergeben, wenn du mit id und headers arbeiten würdest und expizit die Headerzellen in umgekehrter Reihenfolge aufführen würdest (erst der Seminartitel, dann der Spaltentitel). Erscheint mir aber nicht sonderlich sinnvoll

Unter </archiv/2003/10/60063/#m337860> habe ich einige Links zum Thema genannt, interessant wäre natürlich, wie die Header letztlich bei einer Linerisierung genannt werden (etwa in Screenreadern).

Mathias

[Elya]

Hallo Mathias,

Ich würde mehrere Tabellen verwenden, entweder mit captions oder mit hx-Elementen für die Seminartitel. hx-Elemente lassen sich einfacher anspringen und tauchen in Gliederungen auf.

Hm. Da die einzelnen Blöcke an anderer Stelle nochmal einzeln auftauchen, hat das in der Tat etwas.

reicht die einzelne Datumszeile oben vermutlich.
Das verstehe ich nicht. Meintest du »Datumszelle«?

Ich meinte "Spaltenbeschriftungszeile" ;-)

Unter </archiv/2003/10/60063/#m337860> habe ich einige Links zum Thema genannt, interessant wäre natürlich, wie die Header letztlich bei einer Linerisierung genannt werden (etwa in Screenreadern).

Phhh. Was für ein Thread...! den werde ich mir mal in aller Ruhe zur Gemüte führen ;-)  Danke Dir.

Gruß aus Köln-Ehrenfeld,

Elya

[at]

Hallo.

• Wie würdet Ihr das - nach der reinen Lehre ;-) - aufbauen?

------------------------------------------------------------------
| Seminartyp |  Datum  |  Ort  |  Referent | Preis |             |
------------------------------------------------------------------
| 1          |  12.4.  | Bonn  | Müller    | 200   |anmeldelink  |
------------------------------------------------------------------
...
MfG, at