Html表格设计。哪一个更好:单个表中有大量行,还是每个表中有少量行的大量表

Html表格设计。哪一个更好:单个表中有大量行,还是每个表中有少量行的大量表,html,css,web,page-load-time,Html,Css,Web,Page Load Time,我需要设计一个网页,其中包含大量字段,每个字段将显示在一行表中。。有几个类别。我希望为每个类别制作一个单独的表格,并以不同的方式进行设计 网页上存在大量表是否会使其速度变慢? 哪个更好。。有10个表,每个表有10行,还是一个表有100行?在页面加载速度方面有什么显著差异吗?这样做,我建议使用一个表,但大量使用thead和tbody元素来包含每个单独的部分 编辑:我做了一点测试,并没有发现使用其中一个或另一个显著增加。在我的机器上,对于一个包含10000行和5列的表,以及10个包含1000行和5列

我需要设计一个网页,其中包含大量字段,每个字段将显示在一行表中。。有几个类别。我希望为每个类别制作一个单独的表格,并以不同的方式进行设计

网页上存在大量表是否会使其速度变慢?
哪个更好。。有10个表,每个表有10行,还是一个表有100行?在页面加载速度方面有什么显著差异吗?

这样做,我建议使用一个表,但大量使用thead和tbody元素来包含每个单独的部分

编辑:我做了一点测试,并没有发现使用其中一个或另一个显著增加。在我的机器上,对于一个包含10000行和5列的表,以及10个包含1000行和5列的表,我的页面生成时间大约为1800ms(每个主题使用10个测试的平均值)

用于测试的代码:

<html>
    <head>
        <script type="text/javascript">
            var start_time = (new Date()).getTime();

            function detectTimeDiff(){
                alert("Time taken:  "+((new Date()).getTime() - start_time)+" milliseconds.");
            } 
        </script>
    </head>
    <body onload="detectTimeDiff()">
        <?php
            $multiple_tables = true;
            $table_count = 10;

        ?>
        <table>
        <?php
            $table_count--;

            for($i=0;$i<10000;$i++){
                if($multiple_tables){
                    if($i%$table_count == 0){
        ?>
        </table>
        <table>
        <?php
                    }
                }

        ?>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <?php
            }
        ?>
        </table>
    </body>
</html>

var start_time=(新日期()).getTime();
函数detectTimeDiff(){
警报(“所用时间:”+((新日期()).getTime()-开始时间)+“毫秒”);
} 

性能问题页面加载统计的任何特定原因,或者只是常规做法。主要是实践。但我敢打赌,你会看到页面加载时间有一个小幅度的增加(尽管可能不明显)。