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> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<?php
}
?>
</table>
</body>
</html>
var start_time=(新日期()).getTime();
函数detectTimeDiff(){
警报(“所用时间:”+((新日期()).getTime()-开始时间)+“毫秒”);
}
性能问题页面加载统计的任何特定原因,或者只是常规做法。主要是实践。但我敢打赌,你会看到页面加载时间有一个小幅度的增加(尽管可能不明显)。