gpt4 book ai didi

HTML 表格设计。哪个更好 :A large number of rows in a single table or large number of table with few rows each

转载 作者:行者123 更新时间:2023-11-28 13:43:07 28 4
gpt4 key购买 nike

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

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

最佳答案

做类似的事情,我会建议使用一个表,但大量使用您的 thead 和 tbody 元素来包含每个单独的部分。

编辑:我做了一些测试,发现使用一个或另一个没有显着增加。在我的机器上,对于一个包含 10000 行和 5 列的单个表,以及每个包含 1000 行和 5 列的 10 个表,我的页面生成时间大约为 1800 毫秒(每个主题使用 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>

关于HTML 表格设计。哪个更好 :A large number of rows in a single table or large number of table with few rows each,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12175102/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com