div比tab布局的优势

Posted 梁乾顺

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了div比tab布局的优势相关的知识,希望对你有一定的参考价值。

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

一、div+css布局的好处:
1.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。
2.布局精准,网站版面布局修改简单。
3.加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。
4.节约站点所占的空间和站点的流量。
5.用只包含结构化内容的html代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。
二、table布局的好处(table布局也不是一点用的没有,这点是毋庸置疑的)
1.容易上手。
2.可以形成复杂的变化,简单快速。
3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。
综合上面对两种不同网页布局的分析,大家也很显然看得出HTML+CSS的布局是很占据优势的,这也是现在HTML+CSS成为主流的原因吧。最后,如果对HTML+CSS布局感兴趣的朋友可以去看看本站免费的HTML+CSS培训视频教程!

以上是关于div比tab布局的优势的主要内容,如果未能解决你的问题,请参考以下文章

table标签里不能再内嵌table?

理论知识

在移动端中的flex布局

css的grid布局和表格的区别是啥

北京-第四十六期div+css的布局较table布局有什么优点?

css+div如何做一个右边有小箭头的层