tag:forum.selfhtml.org,2005:/self Tabelle mit thead, tfoot und tbody validiert nicht – SELFHTML-Forum 2017-06-15T11:08:39Z https://forum.selfhtml.org/self/2017/jun/14/tabelle-mit-thead-tfoot-und-tbody-validiert-nicht/1696566#m1696566 Michae1 2017-06-14T20:52:35Z 2017-06-14T20:52:35Z Tabelle 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#m1696567 MudGuard http://www.andreas-waechter.de/ 2017-06-14T21:20:33Z 2017-06-18T07:37:21Z Tabelle 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#m1696572 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-15T06:12:09Z 2017-06-18T07:37:42Z Tabelle 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#m1696569 Micha 2017-06-14T21:45:05Z 2017-06-14T21:45:05Z Tabelle 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#m1696571 JürgenB https://www.j-berkemeier.de 2017-06-15T05:54:24Z 2017-06-15T05:54:24Z Tabelle 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#m1696573 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-15T06:14:59Z 2017-06-15T06:14:59Z Tabelle 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#m1696601 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2017-06-15T11:08:39Z 2017-06-15T11:08:39Z Tabelle 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#m1696594 Michae1 2017-06-15T10:15:11Z 2017-06-15T10:15:11Z Tabelle 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#m1696574 JürgenB https://www.j-berkemeier.de 2017-06-15T07:25:11Z 2017-06-15T07:25:11Z Tabelle 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#m1696579 MudGuard http://www.andreas-waechter.de/ 2017-06-15T07:55:30Z 2017-06-15T07:55:30Z Tabelle 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#m1696578 Matthias Apsel matthias.apsel@selfhtml.org http://brückentage.info 2017-06-15T07:53:44Z 2017-06-15T07:53:44Z Tabelle 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#m1696583 JürgenB https://www.j-berkemeier.de 2017-06-15T08:32:07Z 2017-06-15T08:32:07Z Tabelle 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#m1696586 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2017-06-15T09:12:20Z 2017-06-15T09:12:20Z Tabelle 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#m1696587 Linksetzer 2017-06-15T09:23:11Z 2017-06-15T09:23:11Z Tabelle 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#m1696599 Gunnar Bittersmann selfhtml@bittersmann.de http://bittersmann.de 2017-06-15T11:02:46Z 2017-06-15T11:02:46Z Tabelle 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>