发表于: 2017-03-03 00:19:15

1 1207


今日完成:

完成了中关村互联网教育项目的javaee+大数据页面。

   1.banner图。

   2.IT行业分析图。

   3.荣誉模块。

   4.课程介绍模块。

   5.复盘项目模块。

   6.轮播图模块。

   7.头尾部。

2.今天听了维娜讲了DIV+css布局与table布局有什么不同? 

明日计划:

修改首页。整理其他页面。和产品经理沟通。解决文案的问题、

遇到的问题:

需求变更。资料不全。

今日收获:

完成了javaee页面。

再次熟悉了:

div+css布局相对于table布局的优势

1.网页结构和网页展示形式的分离,使得网页结构简洁清晰,浏览器显示速度加快;

特性决定性能。因为DIV+CSS页面是HTML和CSS文件分开的,而浏览器打开该页面的时候是同时下载HTML和CSS,所以可以提高网页打开速度。TABLE 布局中大量样式设计代码混杂在表格、单元格中,使得可读性大大降低,表格中到处留下设计的足迹,生成的网页代码除了表格本身的代码,还有许多无意义的透明gif占位图及其他元素,文件量庞大,最终导致浏览器下载及解析速度变慢。

2.简化网站更新代码,不用再一页一页更新,只用更新外部的CSS文件即可;

3.大大简化页面代码,有利于数据调用分析,更容易被搜索引擎搜索;

4.使得整个网站显示风格保持一致,用户体验更好;

TABLE布局还有个特性就是浏览器打开的时候必须是浏览器下载以<table>开始,并以</table>结束后,才开始显示块的内容,而DIV的HTML是边加载边显示,因此增加了用户体验。

5.更加语义化,且支持浏览器的向后兼容。

div+css符合W3C标准。是专门用来作为容器的,更好的展示了盒子模型。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。


  


返回列表 返回列表
评论

    分享到