Beispiel

[Gunnar Bittersmann]

@@MrMurphy:

nuqneH

Der HTML-Quellcode ist simpel und Übersichtlich:

und völlig daneben.

<dl class="clearfix">

Dass "clearfix" darstellungsbezogen ist und demzufolge nichts im HTML zu suchen hat, sei hier am Rande erwähnt.

<dt>Rechnungsnummer</dt>
         <dd>Rechnungsdatum</dd>
         <dd>Rechnungshöhe</dd>
         <dd>Status</dd>
         <dd>Bezahldatum</dd>

Die Bezeichnungen Rechnungsdatum, Rechnungshöhe, Status und Bezahldatum beziehen sich nicht auf die Bezeichnung Rechnungsnummer, sondern alles sind gleichartige Dinge (sollten im Markup also Elemente gleichen Typs sein), und zwar sind es Beschreibungen/Überschriften für Daten (innerhalb von dl müssten es dann alles dt sein, was aber so nicht geht, da nachfolgende dd sich nicht auf die Gruppe dieser Überschriften beziehen, sondern jeweils auf eine).

Die sinnvolle Auszeichnung wären th-Elemente innerhalb eines tr-Elements (innerhalb von thead).

<dt>58763387</dt>
         <dt><img src="../bilder/bilder_fremdprobleme/2014_06_14_yael_dl_liste_01.jpg" alt="Adobe Icon" /></dt>
         <dd>11.01.2014</dd>
         <dd>12.50</dd>
         <dd>bezahlt</dd>
         <dd>14.01.2014</dd>

dl, dt, dd wäre angebracht, wenn auf verschiedene dt jeweils unterschiedliche dd folgen, s. Codebeispiel fürs dd-Element. In dem Fall kann es aber keine Spaltenüberschriften Rechnungsnummer, Rechnungsdatum, Rechnungshöhe, Status, Bezahldatum geben.

Dieser Fall ist hier nicht gegeben; alle Blöcke haben identische Struktur. Sie sind damit im Markup als tr mit th/td (innerhalb von tbody) adäquat ausgezeichnet.

Manchmal ist eine Tabelle einfach nur eine Tabelle.

Qapla'