现在越来越多的网站使用DIV+CSS来布局网站,究竟这样的布局有什么优势呢?
个人观点:
1. 提高开发效率
看到DIV层次清晰,由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式。
2. 容易布局,网站次性强
针对每个DIV都可以根据ID定义一个class来指定样式,这样可以再CSS里分别对不同的DIV来进行样式控制。<div class="userinfo"></div> .css文件里定义的div样式
.userinfo div {background:url(../img/leftsideDt.gif);padding:5px 3px 2px 10px;font-weight:800;color:#F60;}
3. 使用起来,小组之间重合性小。
每个人负责一个DIV的开发,这样大大的缩减重合度。
网络观点:
1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。 4、样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。
6、表现和结构分离,在团队开发中更容易分工合作而减少相互关联性。