为什么要避免使用嵌套表
网页需要快速下载，但嵌套表会减慢下载过程。不要让任何人告诉你，更多的人使用宽带或高速互联网，这样你就不必担心你的页面加载速度有多快。由于web上的内容量很大，加载速度慢的页面或站点的访问者将比加载速度快的页面或站点少。速度很重要，尤其是在可能限制在2G或3G数据速率的移动连接上。
什么是嵌套表格(a nested table)？
嵌套表是一个HTML表，其中包含另一个表。例如：
嵌套表导致页面下载速度较慢
网页上的单个表不会导致网页下载速度变慢。但是，当您将一个表放在另一个表中时，浏览器渲染会变得更复杂，因此页面加载速度会更慢。嵌套的表越多，页面加载越慢。
通常，当加载页面时，浏览器从HTML的顶部开始，然后按顺序向下加载页面。但是，对于嵌套表，它必须先找到表的结尾，然后才能显示整个内容。呈现速度变慢的原因是浏览器必须额外迭代HTML文档。
用于布局的表格
编写有效的XHTML时，不应将表用于布局。表格用于表格数据，如电子表格，而不是页面设计。相反，您应该使用CSS进行布局CSS设计，以更快地呈现，并帮助您维护有效的XHTML。
设计更快的加载表
如果设计一个包含多行的表，如果将每一行作为单独的表写入，则加载速度通常会更快。
但是，如果将同一个表作为两个表编写，则加载速度会更快，因为浏览器会先渲染第一个表，然后再渲染第二个表，而不是一次渲染整个表。诀窍是确保每个表具有相同的宽度和其他样式（如填充、边距和边框）。
将嵌套表转换为一个表
通过巧妙地使用colspan等属性，将嵌套表转换为稍微复杂的单表。如果仔细部署，colspan将模拟嵌套表的外观，而不会实际执行类似的操作。
- 发表于 2021-09-04 21:38
- 阅读 ( 167 )
- 分类：IT
你可能感兴趣的文章
你的代码能闻到！如何修复
...，以及如何去除它们的气味。如果你是一个新的程序员，避免这些，你的代码会明显更好！ ...
3个疯狂的excel公式，做了惊人的事情
... 我们已经介绍了一些更好地使用Excel的不同方法，例如使用Excel创建自己的日历模板或将其用作项目管理工具。 ...
如何在googlekeep中创建嵌套列表
... 按Enter键，然后输入列表的下一个子项。 使用缩进空间创建嵌套列表。可以重复使用不同的缩进来控制布局。 ...
如何在microsoftexcel中使用if语句
...中的用途有多广泛，但是您知道您可以在Excel的单元格中使用许多相同的逻辑吗？ ...
如何用java编写for循环
...容易学习，是初学者的一项重要技能。这种技术一定可以避免编写不必要的重复代码。 ...
如何让每个人都能更容易地访问word文档
...，但是如果是，您应该创建。屏幕阅读器读取表（这就是为什么不需要向它们添加alt文本）并通过计数表的单元格来跟上位置。当您将表嵌套在表中或使用拆分单元格时，屏幕阅读器很难跟踪。 相关：表格和其他格式控件 屏幕...
如何在excel中使用逻辑函数：if、and、or、xor、not
...行操作。这有助于我们自动化电子表格中的任务。 如何使用if函数 IF函数是Excel中的主要逻辑函数，因此首先要理解它。它将在本文中多次出现。 让我们先看看IF函数的结构，然后看看它的一些用法示例。 IF函数接受3位信息： =I...
如何为nest cam的运动警报创建活动区域
...如你的车道）检测到运动时收到通知。 相关：如何设置嵌套凸轮 Nest Cam的大部分功能都可以在智能**或平板电脑的Nest应用程序中设置。但是，只能通过嵌套web界面设置和调整活动区域。唯一的先决条件是您必须有一个支持嵌套...
如何在word的表中嵌套表
...复杂布局的文档，则表格是安排内容的有用方法。您可以使用表格中的单元格来组织文本、图像甚至其他表格。是的，您甚至可以在Word中嵌套表，我们将向您展示如何嵌套。 在Word中使用嵌套表可以通过添加更多的空白来排列文...
excel中的vlookup，第2部分：在没有数据库的情况下使用vlookup
...它更难阅读和理解。 我们将不深入讨论它如何工作以及为什么工作的细节，也不研究嵌套函数的细微差别。这是一个关于VLOOKUP的教程，而不是一般的Excel。 不管怎样，情况变得更糟了！当我们决定如果他们的收入超过5万美元，...
0 篇文章
