何时在HTML表中使用tbody,colgroup,thead等？

发布时间：2020-12-14 18:49:59 所属栏目：资源来源：网络整理

导读：当我了解 HTML表格时,我没有教过tbody,thead,tfoot,colgroup.你什么时候应该使用它们？我去了W3Schools网站,我明白他们是如何工作的,而不是什么时候使用或不使用它们. 解决方法如果您想要提供有关您的表的其他信息并组织其中的内容,则可以使用它们.它们也可

当我了解 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,这不再是真的.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!