html里面加thead、tbody 以及 tfoot 有啥用？直接用<tr><td>不就可以了吗

Posted 2023-04-24

这个只是在传统表格上的一个改进，但是在刚出来时因为糟糕的浏览器支持而没有被广泛应用。随着xhtml的推广和流行，这些标签渐渐的进入了主流的设计中。

这几个标记主要是用于提高table标签的加载以及显示的，说白了，就是分布加载。在传统的浏览器，在加载<table><tr><td>时，是当所有的标签中元素都被下载后才会显示，当然这样的用户体验是不好的。再加入了这几个t打头的标签后，table就会分布的加载table中的元素，顺序依据写在table中的标签顺序进行。 参考技术A 可以的，只是那时标准的使用表格方法，一个正常标准的表格都包含表头，表体，表尾，但是直接用表体还是可以，但是在有时用JS的时候编程可能就难了一些！所以虽然不用简便可行，但是本人建议：还是全部写全，以备后患！本回答被提问者采纳 参考技术B 看个人喜好，可以不加的~加上只是为了规范而已

thead固定tbody滚动

table tbody {
        display:block;
        height:195px;
        overflow-y:scroll;
    }
    table thead, tbody tr {
        display:table;
        width:100%;
        table-layout:fixed;
    }
    table thead {
        width: calc( 100% - 1em )
    }