不要用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优点:内容和显示分离,便于维护扩展,网页布局方便,当需求改变的时候,效果最明显