-
- 关于TABLE和DIV+CSS二者布局的优缺点
苏州网络公司 苏州网站建设 做过前端或者SEO的朋友们,对于网站设计中TABLE和DIV+CSS两者并不陌生,本文并不关注它们是否已经被淘汰,只写写关于这二者的优势和劣势,给苏州网络公司新手和不清楚的同学一个参考。
TABLE布局是早以前CSS不存在的时候兴起的,是对TABLE标签的不正规使用,Table标签就是表格,是用来显示数据的,而不是用来布局网页的,虽然它有时候布局网页很简单。 现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。
一.div+css布局的好处:
1.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性。
2.布局精准,网站版面布局修改简单。
3.加快了页面的加载速度(最重要的)(在IE中要将整个table加载完了才显示内容)。
4.节约站点所占的空间和站点的流量。
5.用只包含结构化内容的HTML代替嵌套的标签,提高另外搜索引擎对网页的搜索效率。
二.table布局的好处(table布局也不是一点用的没有,这点是毋庸置疑的)
1.容易上手。
2.可以形成复杂的变化,简单快速。
3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。
但是table布局的缺陷确实非常明显:table虽然修改方便,但是它会影响网站的加载速、展现。当网速很慢的话,必须加载完毕才能显示,不然没办法展现,影响网站的展示效果。
小编之前接手过一个苏州网站建设公司的网站,利用的就是table布局,确实影响加载速度的同时也影响网站的用户体验。
- 上一篇: 浅析GA类工具应用范围
- 下一篇: 网站分析工具Google Analytics应用
- 关于TABLE和DIV+CSS二者布局的优缺点