tag:forum.selfhtml.org,2005:/selfTabelle mit thead, tfoot und tbody validiert nicht – SELFHTML-Forum2017-06-15T11:08:39Zhttps://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696566#m1696566Michae12017-06-14T20:52:35Z2017-06-14T20:52:35ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo,</p>
<p>wenn ich versuche, den Beipsielcode <a href="https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle#Tabellen_mit_Kopf.2C_K.C3.B6rper_und_Fu.C3.9F" rel="nofollow noopener noreferrer">Tabellen mit Kopf, Körper und Fuß</a> aus dem Wiki zu <a href="https://validator.w3.org/nu/#textarea" rel="nofollow noopener noreferrer">validieren</a>, erhalte ich eine Fehlermeldung: „Error: Element tbody not allowed as child of element table in this context“. Ist dies ein Fehler im Validator oder ist der u.g. Code tatsächlich fehlerhaft und wie müsste er dann richtigerweise aussehen?</p>
<p>Viele Grüße
Micha</p>
<pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Test<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>thead</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Kopf<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>thead</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tfoot</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Fuß<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tfoot</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Inhalt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span>
</code></pre>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696567#m1696567MudGuardhttp://www.andreas-waechter.de/2017-06-14T21:20:33Z2017-06-18T07:37:21ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hi,</p>
<blockquote>
<p>wenn ich versuche, den Beipsielcode <a href="https://wiki.selfhtml.org/wiki/HTML/Tabellen/Aufbau_einer_Tabelle#Tabellen_mit_Kopf.2C_K.C3.B6rper_und_Fu.C3.9F" rel="nofollow noopener noreferrer">Tabellen mit Kopf, Körper und Fuß</a> aus dem Wiki zu <a href="https://validator.w3.org/nu/#textarea" rel="nofollow noopener noreferrer">validieren</a>, erhalte ich eine Fehlermeldung: „Error: Element tbody not allowed as child of element table in this context“. Ist dies ein Fehler im Validator oder ist der u.g. Code tatsächlich fehlerhaft und wie müsste er dann richtigerweise aussehen?</p>
</blockquote>
<p>HTML 4 hat die Reihenfolge thead, tfoot, tbody... vorgeschrieben.</p>
<p>HTML5 verlangt die Reihenfolge thead, tbody..., tfoot.</p>
<p>cu,<br>
Andreas a/k/a MudGuard</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696572#m1696572Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-06-15T06:12:09Z2017-06-18T07:37:42ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo Michae1,</p>
<p>die Seiten sind jetzt korrigiert.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696569#m1696569Micha2017-06-14T21:45:05Z2017-06-14T21:45:05ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo Andreas,</p>
<blockquote>
<p>HTML5 verlangt die Reihenfolge thead, tbody..., tfoot.</p>
</blockquote>
<p>Ach, ... in der Tat. Vielen Dank für diese Info.</p>
<p>Schöne Grüße
Micha</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696571#m1696571JürgenBhttps://www.j-berkemeier.de2017-06-15T05:54:24Z2017-06-15T05:54:24ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo Andreas,</p>
<blockquote>
<p>HTML 4 hat die Reihenfolge thead, tfoot, tbody... vorgeschrieben.</p>
<p>HTML5 verlangt die Reihenfolge thead, tbody..., tfoot.</p>
</blockquote>
<p>wann haben die denn das geändert? Ich meine, Ende 2015 noch die alte Reihenfolge unter HTML5 validiert zu haben.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696573#m1696573Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-06-15T06:14:59Z2017-06-15T06:14:59ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo JürgenB,</p>
<blockquote>
<p>Ich meine, Ende 2015 noch die alte Reihenfolge unter HTML5 validiert zu haben.</p>
</blockquote>
<p>Das habe ich auch so in Erinnerung. Die Begründung, das vor den tbody zu schreiben, weil auch der tfoot Informationen enthält, die für alle Spalten gelten, ist nicht ganz unsinnig.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696601#m1696601Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-06-15T11:08:39Z2017-06-15T11:08:39ZTabelle mit thead, tfoot und tbody validiert nicht<p>@@JürgenB</p>
<blockquote>
<blockquote>
<p>HTML 4 hat die Reihenfolge thead, tfoot, tbody... vorgeschrieben.</p>
<p>HTML5 verlangt die Reihenfolge thead, tbody..., tfoot.</p>
</blockquote>
<p>wann haben die denn das geändert? Ich meine, Ende 2015 noch die alte Reihenfolge unter HTML5 validiert zu haben.</p>
</blockquote>
<p>Das lässt sich doch nachlesen:</p>
<ul>
<li>
<p><a href="https://www.w3.org/TR/html5/tabular-data.html#the-table-element" rel="nofollow noopener noreferrer">HTML 5.0</a> (W3C Recommendation 28 October 2014) sah übergangsweise beide Möglichkeiten vor</p>
</li>
<li>
<p>ab <a href="https://www.w3.org/TR/html51/tabular-data.html#the-table-element" rel="nofollow noopener noreferrer">HTML 5.1</a> (W3C Recommendation, 1 November 2016) nur noch <code>tfoot</code> nach <code>tbody</code></p>
</li>
</ul>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696594#m1696594Michae12017-06-15T10:15:11Z2017-06-15T10:15:11ZTabelle mit thead, tfoot und tbody validiert nicht<p>Super, Danke.</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696574#m1696574JürgenBhttps://www.j-berkemeier.de2017-06-15T07:25:11Z2017-06-15T07:25:11ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo Matthias,</p>
<p>ich finde es nur ärgerlich, das der Wikiartikel zum Tabellensortierer die (jetzt) falsche Anordnung verwendet. Ich werde mich die Tage mal drum kümmern.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696579#m1696579MudGuardhttp://www.andreas-waechter.de/2017-06-15T07:55:30Z2017-06-15T07:55:30ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hi,</p>
<blockquote>
<blockquote>
<p>Ich meine, Ende 2015 noch die alte Reihenfolge unter HTML5 validiert zu haben.</p>
</blockquote>
<p>Das habe ich auch so in Erinnerung.</p>
</blockquote>
<p>Ich hab's auch erst vor ein paar Tagen erfahren, Gunnar hatte es in einem anderen Thread erwähnt.</p>
<p>Ich find's auch nicht gut, daß das inkompatibel geändert wurde.</p>
<blockquote>
<p>Die Begründung, das vor den tbody zu schreiben, weil auch der tfoot Informationen enthält, die für alle Spalten gelten, ist nicht ganz unsinnig.</p>
</blockquote>
<p>Daß ein footer am Fuß, also Ende, steht, ist als Begründung aber auch nicht ganz unsinnig - man kann Argumente für beides finden.</p>
<p>Ich fänd's aber auch nicht verkehrt, wenn man erreichen könnte, daß der thead (von mir aus auch der tfoot) nicht nur am Anfang der Tabelle + Anfang jeder Druckseite, auf die die Tabelle sich erstreckt, angezeigt wird, bei langen Tabellen wäre es auch praktisch, den thead alle n Zeilen nochmal einzublenden - im Browser wird ja nicht nach Druckseiten unterschieden …</p>
<p>cu,<br>
Andreas a/k/a MudGuard</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696578#m1696578Matthias Apselmatthias.apsel@selfhtml.orghttp://brückentage.info2017-06-15T07:53:44Z2017-06-15T07:53:44ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo JürgenB,</p>
<blockquote>
<p>ich finde es nur ärgerlich, das der Wikiartikel zum Tabellensortierer die (jetzt) falsche Anordnung verwendet. Ich werde mich die Tage mal drum kümmern.</p>
</blockquote>
<p>An den hatte ich nicht gedacht.</p>
<p>☑️ done.</p>
<p>Bis demnächst<br>
Matthias</p>
<div class="signature">-- <br>
Rosen sind rot.
</div>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696583#m1696583JürgenBhttps://www.j-berkemeier.de2017-06-15T08:32:07Z2017-06-15T08:32:07ZTabelle mit thead, tfoot und tbody validiert nicht<p>Hallo Matthias,</p>
<p>Danke.</p>
<p>Gruß<br>
Jürgen</p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696586#m1696586Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-06-15T09:12:20Z2017-06-15T09:12:20ZTabelle mit thead, tfoot und tbody validiert nicht<p>@@MudGuard</p>
<blockquote>
<p>Ich find's auch nicht gut, daß das inkompatibel geändert wurde.</p>
</blockquote>
<p>„Inkompatibel“ hieße, dass Browser Tabellen mit <code>thead? tfoot tbody+</code> jetz auf einmal falsch rendern würden. Das ist aber nicht der Fall; <code>tfoot</code> wird am Ende der Tabelle gerendert, auch wenn es vor den <code>tbody</code>s steht.</p>
<p>Ich hätte gedacht, das irgendo in den Untiefen von <a href="https://w3c.github.io/html/syntax.html#parsing-html-documents" rel="nofollow noopener noreferrer">Parsing HTML documents</a> zu finden. Falsch gedacht. Die HTML5-Spec ist wohl auch nicht dazu gedacht, verstanden zu werden.</p>
<blockquote>
<blockquote>
<p>Die Begründung, das vor den tbody zu schreiben, weil auch der tfoot Informationen enthält, die für alle Spalten gelten, ist nicht ganz unsinnig.</p>
</blockquote>
<p>Daß ein footer am Fuß, also Ende, steht, ist als Begründung aber auch nicht ganz unsinnig - man kann Argumente für beides finden.</p>
</blockquote>
<p>Ich vermute als Begründung: Die Mehrzahl der Entwickler hatte es vorher falsch gemacht und schon immer die Reihenfolge <code>thead? tbody+ tfoot?</code> verwendet. Die HTML5-Spec hat den Anspruch aufgegeben, Vorgaben für Entwickler zu machen, und erhebt stattdessen das, was so in freier Wildbahn verwendet wird, zum Standard.</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696587#m1696587Linksetzer2017-06-15T09:23:11Z2017-06-15T09:23:11ZTabelle mit thead, tfoot und tbody validiert nicht<blockquote>
<p>„Inkompatibel“ hieße, dass Browser Tabellen mit <code>thead? tfoot tbody+</code> jetz auf einmal falsch rendern würden. Das ist aber nicht der Fall; <code>tfoot</code> wird am Ende der Tabelle gerendert, auch wenn es vor den <code>tbody</code>s steht.</p>
<p>Ich hätte gedacht, das irgendo in den Untiefen von <a href="https://w3c.github.io/html/syntax.html#parsing-html-documents" rel="nofollow noopener noreferrer">Parsing HTML documents</a> zu finden. Falsch gedacht. Die HTML5-Spec ist wohl auch nicht dazu gedacht, verstanden zu werden.</p>
</blockquote>
<p><a href="https://w3c.github.io/html/tabular-data.html#forming-a-table" rel="nofollow noopener noreferrer">Forming a table</a></p>
https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696599#m1696599Gunnar Bittersmannselfhtml@bittersmann.dehttp://bittersmann.de2017-06-15T11:02:46Z2017-06-15T11:02:46ZTabelle mit thead, tfoot und tbody validiert nicht<p>@@Linksetzer</p>
<blockquote>
<blockquote>
<p>Ich hätte gedacht, das irgendo in den Untiefen von <a href="https://w3c.github.io/html/syntax.html#parsing-html-documents" rel="nofollow noopener noreferrer">Parsing HTML documents</a> zu finden. Falsch gedacht. Die HTML5-Spec ist wohl auch nicht dazu gedacht, verstanden zu werden.</p>
</blockquote>
<p><a href="https://w3c.github.io/html/tabular-data.html#forming-a-table" rel="nofollow noopener noreferrer">Forming a table</a></p>
</blockquote>
<p>Jo, am Ende steht doch alles irgendwo. Nur nicht da, wo man vermutet …</p>
<p>LLAP </p>
<div class="signature">-- <br>
“When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a>
</div>