DIV+CSS的优势何在?

作者:Admin  来源:郑州易佳四方网络科技有限公司  录入:Admin  更新时间:2009-8-24 16:32:06  点击数:7

        web标准是目前国际上正在推广的网站标准,通常所说的web标准一般是指网站建设采用基于XHTML语言的网站设计语言,实际上,web标准并不是某一标准,而是一系列标准的集合。

        web标准中典型的应用模式是“CSS+DIV”,摒弃了传统的table布局(HTML4.0中的表格定位方式),是一种更好的、更有亲和力的、更灵活的,而且功能更强大的网站设计方法。其最突出的优点在于:网站设计代码规范,并且减少了大量代码,减少网络带宽资源浪费,加快了网站访问速度。更重要的一点是,符合web标准的网站对于用户和搜索引擎更加友好。

        易佳四方WEB工程师的话:
        1、符合W3C标准。div+css 是一种网页的布局方法(div 是标签,css是层叠样式表),它有别于传统的table布局,真正地达到了w3c内容与表现相分离(微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰)。  

        2、支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容(我们都知道网站做出来是给浏览者使用的,对浏览者和浏览器更具亲和力,DIV+CSS在这方面更具优势。由于CSS富含丰富的样式,使页面更加灵活性,它可以根据不同的浏览器,而达到显示效果的统一和不变形。 ) 

        3、保持视觉的一致性。这是DIV+CSS最重要的优势之一。以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。 

        4、使页面打开(载入)更快:CSS的极大优势表现在简洁的代码——由于将大部分页面代码写在了CSS当中,使得页面体积容量变得更小。相对于表格嵌套的方式,DIV+CSS将页面独立成更多的区域,在打开页面的时候,逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里,使得加载速度很慢——对于一个大型网站来说,页面体积变小,可以节省大量带宽,浏览速度变快。 

        5、搜索引擎更加友好。众所周知,搜索引擎喜欢清洁的代码。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好(由于将大部分的HTML代码和内容样式写入了CSS文件中,这就使得网页中正文部分更为突出明显,便于被搜索引擎采集收录)。  

        6、内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。在可以预计的将来,table的地位依然十分重要,但是div代表的是网络世界发展的方向。

        7、 表现和结构分离,样式的调整更加方便:在团队开发中更容易分工合作而减少相互关联性,修改设计时更有效率。(由于使用了DIV+CSS制作方法,在修改页面的时候更加容易省时。根据区域内容标记,到CSS里找到相应的ID,使得修改页面的时候更加方便,也不会破坏页面其他部分的布局样式)。

        尽管DIV+CSS具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在:   
        1、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。 

        2、DIV+CSS对搜索引擎优化与否,取决于网页设计的专业水平,而不是DIV+CSS本身。

        3、CSS文件异常将影响整个网站的正常浏览。如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。

        当然现今大部分网站仍然采用表格嵌套内容的方式来制作网站,因为此方法比较熟悉、容易上手。所以我们一定得选择好一家专业的,能够更有效、更合理的运用WEB2.0设计标准的设计公司为您提供服务,如您需要咨询或服务,敬请拨打电话18838031801,联系易佳四方网络科技