DIV+CSS布局和Table布局对比
来源:互联网 发布:linux的启动过程 编辑:程序博客网 时间:2024/05/16 00:43
转自:http://www.toutiao.com/i6429288122151862786/
虽然目前大多数网页都是采用的DIV+CSS布局的方式,但是也有少数的老式Web网页采用的是Table布局,我们可以一起来看看两种布局方式的优劣。
div+css布局
div+css的布局方式属于W3C标准,而且由于CSS的存在,HTML部分的代码会显得很纯净,满足行为,样式,结构分离的原则。
页面加载速度更快,这是目前DIV+CSS使用更广泛的一个非常重要的原因。
页面编码量相对于Table布局会少很多。
页面内容更容易维护,由于样式都存在CSS文件中,只需要修改CSS文件即可,对HTML文件不会有影响。
由于DIV+CSS布局更容易进行SEO优化,所以更方便被搜索引擎收录。
Table布局
虽然DIV+CSS有各种各样的优势,但是Table布局也并不是完全无用的。这里也可以列举出几个采用Table布局的优势。
新手学习方便(相信有很多后端RD在进行前端学习时刚开始都是从table布局开始的)。
兼容性更好,由于Table布局是从最古老的浏览器发展而来的,在兼容性上会满足所有浏览器。而CSS3的出现却要考虑浏览器的支持程度,一个样式要考虑加上几个不同浏览器前缀,类似于-webkit,-moz等
阅读全文
0 0
- DIV+CSS布局和Table布局对比
- DIV布局与TABLE布局对比
- DIV+CSS布局和TABLE布局的优缺点讲解
- div+css实现table布局
- div+css与table布局
- Div+Css布局-----table表格布局
- table和div布局优缺点
- CSS技巧,像table一样布局div
- CSS技巧,像table一样布局div
- CSS技巧!像table一样布局div
- 使用DIV+CSS实现Table布局
- div+css布局和表格布局
- DIV+CSS布局与table布局的比较 区别
- table布局与DIV+CSS布局的区别
- DIV和CSS布局入门
- DIV和CSS常用布局
- CSS+div美化和布局
- 浅谈css和div布局
- lombok安装及应用
- 浅析Netty实现心跳机制与断线重连
- 记录遇到过的问题
- 实战了解ReactNative布局原理
- 增删改查中的-查询
- DIV+CSS布局和Table布局对比
- 解决在matplotlib使用中文的问题
- maven依赖特性
- |BZOJ 1661|暴力|[Usaco2006 Nov]Big Square 巨大正方形
- wifi bluetooth
- centos6.X升级python3.X
- 音频帧的概念
- Android动态权限管理
- SSM的整合