html样式属性宽度,哪个是指定HTML固定列宽度(宽度或样式属性)的更好方法

本文探讨了使用固定表格布局如何允许Ajax填充的表格在数据加载过程中提前显示结果,提高用户体验。通过将表格布局设为fixed,可以实现类似渐进式JPEG的效果,使网页在完整加载前就开始呈现内容。此外,建议在表格的第一行定义所有单元格的宽度,以优化渲染速度,并提供了测试方法来比较固定与非固定布局的差异。对于HTML4与XHTML的样式与属性争论,作者认为这更多关乎代码的可维护性,而非技术上的优劣。
摘要由CSDN通过智能技术生成

首先,在我回答你的问题之前,你应该知道的是表格是如何呈现的,试验表格元素的表格布局固定样式:

如果浏览器预先知道第一个表行列的宽度(如果在表上提供表格布局固定样式),则浏览器甚至可以在计算任何结果行的宽度之前开始渲染表格的顶部.这意味着什么?使用具有固定布局的Ajax调用填充的表可以在完整的ajax调用完成之前开始向用户显示结果.想到这一点的最佳方式就像是一个进步的jpg.最后,您的网页似乎加载速度更快.

table

{

table-layout:fixed;

}

现在回答你的问题.

实际上你提供的例子都不正确.您通常不会在跨越2个或更多单元格的单元格上设置宽度.在任何一个表中,最好用所有单元格创建至少一行,这可以是TH或(我喜欢在空白tr中做的方式).

例如…

content herecontent here

你决定使用样式或标准html宽度的方式,选择是你的,但最后你应该有你的第一行(如果表格布局是固定的)或任何行(如果表格布局不固定)包含每个invidivual单元格的宽度定义.这也可以帮助您规划正确的表格,希望这会有所帮助.

通过创建一个巨大的10 000行表来测试固定的表格布局,并测试渲染速度与非固定表格布局.

关于HTML 4与XHTML,风格与属性的整个争论我认为实际上是一个可维护性的问题.我不认为使用Style或普通宽度设置宽度与HTML 4过渡有什么不对,它们都做同样的事情.你可以做到这两点的原因是因为HTML已经发展了一点,是的,它可能会变得混乱!祝好运

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值