div+css的布局较table布局有什么优缺点?

简介: div+css的布局较table布局有什么优缺点?
优点:


  1. 改版的时候更方便 只需更改css文件


  1. 页面加载速度更快 结构化清晰 页面显示简洁


  1. 表现跟结构相分离


  1. 易于优化搜索引擎更友好 排名更容易靠前


  1. 节约站点所占用的空间和站点的流量


缺点:


每个div容器都需要定义css样式来控制,制作过程相比table方式要复杂。


table布局的优点:


1.容易上手。


2.可以形成复杂的变化,简单快速。


3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。


table布局的缺点:


由于html文件中的table标签的浏览速度较慢,所以,使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。因为table是中的内容是自适应的,为了自适应,它要计算嵌套最深的节点以满足自适应,所以有可能会有一断时间出现空白才显示。所以是会有问题的。

相关文章
|
22天前
|
数据可视化 Android开发
Android布局——约束布局
Android布局——约束布局
|
5月前
|
前端开发 容器
css的布局方式有哪些,有什么优缺点
css的布局方式有哪些,有什么优缺点
59 0
|
3月前
|
前端开发 容器
Flex布局的三个属性要深刻理解!
Flex布局的三个属性要深刻理解!
|
4月前
使用flex布局实现,7种经典布局案例
使用flex布局实现,7种经典布局案例
|
5月前
|
前端开发 JavaScript UED
常用布局以及其优缺点
常用布局以及其优缺点
105 0
|
5月前
|
前端开发
几种布局方式与各自优点
几种布局方式与各自优点
21 0
|
5月前
|
前端开发 UED 容器
css中的布局方式与各自优缺点
css中的布局方式与各自优缺点
30 0
|
10月前
|
编译器
ElementUI之基础布局及混合布局
ElementUI之基础布局及混合布局
110 0
|
前端开发
table布局的一些总结
table-layout作用就是让表格布局固定,使表格的宽度不会根据内容多少而动态变化。
126 0
table布局的一些总结
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(二)
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(二)
988 0
【约束布局】ConstraintLayout 之 Chains 链式约束 ( Chains 简介 | 代码 及 布局分析 | 链头设置 | 间距设置 | 风格设置 | 权重设置 )(二)

热门文章

最新文章