欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详细为你讲解,DIV+CSS布局和TABLE布局的优缺点(经典)

程序员文章站 2022-03-31 11:02:27
...
TABLE布局是WEB早期CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的,虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。

一、div+css布局的好处:

1.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。

2.布局精准,网站版面布局修改简单。

3.加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。

4.节约站点所占的空间和站点的流量。

5.用只包含结构化内容的HTML代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。

二、table布局的好处(table布局也不是一点用的没有,这点是毋庸置疑的)

1.容易上手。

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

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

上面是我整理给大家的DIV+CSS布局和TABLE布局的优缺点,希望今后会对大家有帮助。

相关文章:

简单易懂,DIV+CSS架构网站的7种版面布局形式,一语道破

详细解读页面布局之position定位

详细介绍有关CSS页面布局技巧

以上就是详细为你讲解,DIV+CSS布局和TABLE布局的优缺点(经典)的详细内容,更多请关注其它相关文章!