加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

ZT:2007年Web开发技术预言1

(2007-02-25 16:17:26)
分类: 互联网

Web标准的依从现状

CSS——轻舞飞扬的页面布局


http://www.matrix.org.cn/resource/upload/forum/2006_12_07_163837_JPrZnPZIKo.jpg
图-1 采用CSS进行布局的分布图
        评论:CSS布局不但对页面具有减肥的效果,而且对于统一风格、代码重用、浏览访问、打印颇有益处:

        1.加快下载速度:
        http://www.matrix.org.cn/resource/upload/forum/2006_12_08_105949_jRHknHGbQL.gifCSS现在比表格更快:因为浏览器在显示表格内容前读取它们两次,第一次完成它们的结构,第二次才确定它们的内容。
        http://www.matrix.org.cn/resource/upload/forum/2006_12_08_105949_jRHknHGbQL.gif表格不能被部分地显示,直到整个表格被下载和渲染完成后才被显示出来。
        http://www.matrix.org.cn/resource/upload/forum/2006_12_08_105949_jRHknHGbQL.gif通常,CSS代码量少于笨重的表格。
        http://www.matrix.org.cn/resource/upload/forum/2006_12_08_105949_jRHknHGbQL.gif所有的布局代码都可以保存到一个外部CSS文件中,在用户的浏览器中仅被调用一次而后被缓存;而表格布局则必须在每个HTML文档中保存,并且在每次刷新时被重新下载。
        http://www.matrix.org.cn/resource/upload/forum/2006_12_08_105949_jRHknHGbQL.gif使用CSS可以控制CSS项的下载顺序,这使在慢速的图片下载完成之前用户就可以阅读内容。
        
        2.被更广泛地访问:
        通过手持设备的浏览web用户数量正在与日俱增。在2008年PDA销售量将达到5千8百万(数据来源于eTForecast),世界三分之一的人口将拥有一台无线设备(数据来源于ClickZ)。而你可以编写专用于手持设备、额外的CSS文档——这个CSS文档内容可以取自以往的CSS文档。
        有关内容可以参考:j2mepolishCSS for J2ME文档

        3.对搜索引擎更加友好:
        搜索引擎在CSS驱动的页面中爬行要比在简单的HTML代码来得更容易。这样,搜索引擎可以对web页面进行更加有依据的猜测(比如:猜测页面的内容),所以使用CSS布局的web页面能够在搜索排行中拥有更高的排行。
        有关内容可以参考:SE在线杂志
        
        4.打印友好:
        当用户选择打印页面时,另一套可选的CSS文档可以被调用,这个文档可以规定格式、图片、隐藏导航、校正显示在打印版本中的页面内容。

验证HTML代码——多重浏览器标准的穿越者

http://www.matrix.org.cn/resource/upload/forum/2006_12_07_163852_CylkyBGKjS.jpg
图-2 应用web页面验证的分布图


        评论:服从web标准将引领web站点走向成功,更友好地与搜索引擎“协作”、快速load页面、减轻Server负载、兼容众多浏览器、吸引更广泛的浏览量。

        什么是HTML 验证(HTML validate)?
        它是通过与标准HTML规则进行比较的方式,分析HTML文档、标记出错误和非标准代码的处理过程。Web页面使用HTML进行渲染,而HTML本身采用了HTML规范作为其规则和标准。
        这里推荐两个权威的HTML验证在线服务:W3C的validatorWDG的validator。当然,在开发工具中的验证工具更不胜枚举:Dreamweaver内置验证器Eclipse的WSVT等。

        1.Web站点访问性:
        验证HTML代码帮助你找出那些微小的不规范之处,从而防止它们妨碍搜索引擎爬虫或者浏览者。这样使你的站点获得更多的浏览者、更广泛的访问设备范围(手持设备、文本浏览器、搜索引擎等)。

        2.对搜索引擎友好:
        清晰、明快的代码可以使搜索引擎更快、更完整地页面中爬行。

        3.更快速的装载:
        如果你的页面包含了HTML错误,它将花费搜索引擎比较长的爬行时间,因此其排行位置也会变低。更加直观的是——如果你的页面在10秒内没有装载完毕,那么浏览者可能会离开。

        4.减少服务器负载:
        简明的代码不会像复杂的代码或者包含内嵌表格的代码那样让你的服务器负担加重。级联CSS将减少代码量,降低对web服务器空间的需要和对带宽的占有量、节省服务器的内存。

        5.易于更新和维护站点:
        无错的页面代码利于修改,这对于站点设计者来讲意味着节省时间和维护经费。

        6.浏览器兼容性:
        验证代码取保你的站点与当前的浏览器相兼容。既然我们无法预见未来的浏览器标准,那么验证代码就是把握未来浏览器标准的最佳方式。

        7.更多的访问者:

 

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有