Question

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

网页上是否存在大量表格会使其变慢？哪个更好..有10个表，每个10行或一个表有100行？是否在页面加载速度方面存在显着差异？

Answer 1

做类似的事情，我建议使用一个表，但是大量使用你的thead和tbody元素来包含每个部分。

编辑：我做了一些测试，发现使用其中一个或其他没有显着增加。在我的机器上，我用大约1800毫米（平均每个主题使用10个测试）页面生成时间为10000行和5列的单个表，以及10个表，每行1000行和5列。

用于测试的代码：

<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>

Html表设计。哪个更好：单个表中的大量行或每个表中包含少量行的大量表

1 个答案: