当我了解
HTML表格时,我没有教过tbody,thead,tfoot,colgroup.你什么时候应该使用它们？我去了W3Schools网站,我明白他们是如何工作的,而不是什么时候使用或不使用它们.
解决方法
如果您想要提供有关您的表的其他信息并组织其中的内容,则可以使用它们.它们也可以以某种方式影响表的可视化渲染(尽管这可能会因浏览器而异),例如,< colgroup> /< col>的支持是非常贴片的).
例如,如果您的顶部和底部有标题行,您可以将它们分组到< aad>和< tfoot>分别为< tbody>中的数据行.浏览器将确保< tfoot>始终呈现在底部,无论您是否在任何< tbody>之前或之后放置它或< tr> element1或您的表中有多少数据,如果您的表可能有很多行,这是有用的：
<table> <caption>High scores</caption> <thead> <tr><th>#</th><th>Name</th><th>score</th></tr> </thead> <tfoot> <tr><th>#</th><th>Name</th><th>score</th></tr> </tfoot> <tbody> <tr><td>1</td><td>Alice</td><td>10000</td></tr> <tr><td>2</td><td>Bob</td><td>9000</td></tr> <tr><td>3</td><td>Carol</td><td>8500</td></tr> <tr><td>4</td><td>Dave</td><td>8000</td></tr> <!-- Up to 100 data rows --> </tbody> </table>
否则,默认情况下,所有行都分组为单个< tbody> (即使您没有明确使用表中的< tbody>< / tbody>标记).因此,如果表格底部有标题行,则必须将它们放在表的最下方,以便最后显示它们：
<table> <caption>High scores</caption> <tr><th>#</th><th>Name</th><th>score</th></tr> <tr><td>1</td><td>Alice</td><td>10000</td></tr> <tr><td>2</td><td>Bob</td><td>9000</td></tr> <tr><td>3</td><td>Carol</td><td>8500</td></tr> <tr><td>4</td><td>Dave</td><td>8000</td></tr> <!-- Up to 100 data rows --> <tr><th>#</th><th>Name</th><th>score</th></tr> </table>
当然,如果你关心那种事情,这也使得它可以说更少的语义.
请注意,要使用< tfoot>(如果使用的话)放在任何< tbody>之前.或< tr>以前规格中的元素,包括HTML 4和XHTML 1,以便根据这些原则进行验证.截至HTML5,这不再是真的.
