table布局的坏处

Posted 2021-08-31 李孟lm

不要用table布局的另一个原因就是tables中某个元素一旦触发reflow就会导致table里所有的其它元素reflow。在适合用table的场合，可以设置table-layout为auto或fixed，这样可以让table一行一行的渲染，这种做法也是为了限制reflow的影响范围。

(reflow就是载入内容树（在html中就是DOM树）和创建或更新frame结构的响应的一种过程)

 

table做的数据表格，很难固定标题行，网上虽然有不少方法可以固定第一行，但大多数是通过设置CSS，通过JS表达式来完成，这种做法其它浏览器行不通。

 

如果你只是大量文字信息，并且格式不是太复杂.建议你用table。

如果image较多建议用div,div是边下载边渲染,table是下载完后渲染。

 

table优点：开发时间短（使用DW开发速度快）；纯table各浏览器不会有兼容问题；内容可自适应；在搜索引擎排名能靠前

 

table缺点：如果布局变更，需要重新开发；如果table里有div ul 等，可能会出现浏览器兼容问题；加载速度慢；table套table，会害死维护人员的

 

div优点：内容和显示分离，便于维护扩展，网页布局方便，当需求改变的时候，效果最明显