发表于： 2019-06-13 22:50:31
1 846
今日完成的事
梳理了知识
明日完成的事
继续任务八
收获
看了下深刻思考的问题，DIV+CSS布局和TABLE布局的优缺点，作任务到现在都没有用过table布局，对这个还有些疑问，就查询了资料，TABLE布局是WEB早期CSS不存在的时候兴起的，是对TABLE标签的不正规使用，Table标签就是表格，是用来显示数据的，而不是用来布局网页的，虽然它有时候布局网页很简单。现在绝大多数的网站都是用DIV+CSS布局。这两种布局各有各的优点。
div+css优点
1.符合W3C标准，代码结构清晰明了，结构、样式和行为分离，带来足够好的可维护性。
2.布局精准，网站版面布局修改简单。
3.加快了页面的加载速度（最重要的）（在IE中要将整个table加载完了才显示内容）。
4.节约站点所占的空间和站点的流量。
5.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网页的搜索效率。
table布局的好处
1.容易上手。
2.可以形成复杂的变化，简单快速。
3.表现上更加“严谨”，在不同浏览器中都能得到很好的兼容。
综合上面对两种不同网页布局的分析，大家也很显然看得出HTML+CSS的布局是很占据优势的。
当然他也有不可忽视的缺点
1.显示样式和数据绑定在一起
2.布局的时候灵活度不高
3.一个页面可能会有大量的table元素 代码冗余度高
4.增加带宽
5.搜索引擎不喜欢这样的布局
返回列表
评论