Web标准在中国的现状

作者:SoberMa 分类:Web前端 发布日期:2009-08-21 16:05 已有:11 条评论 发表评论

既然好多人不愿意使用Web标准进行Web前端开发,那么基于Web标准的Web前端开发在中国又是一种怎样的现状呢?Web标准方式的Web前端开发在中国的市场前景又如何呢?下面,我们一起去了解和分析一下。

是否符合标准,谁说了算

既然想要了解Web标准的中国现状,那就要首先明白什么样的Web前端页面是符合Web标准的,什么样的是不符合标准的,到底谁能够说了算。说到这里,我们必须提一下W3C(W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。)的Markup Validation Service,也就是标记验证服务。这一服务是由国际万维网联盟推出的,用来校验一个Web页面的标记是否符合Web标准。

这一服务的在线地址是 http://validator.w3.org,页面截图如下图所示:

Web校验服务

Web校验服务

知名网站的Web标准现状

一般来说,通过W3C的这一服务,就可以快速检验一个Web页面到底是否符合Web标准。而国内的知名站点的Web标准现状如何呢,我们不妨找一些网站拿出来校验一下。

我们选取写作当天Alexa网站(http://www.alexa.com 一个第三方的国际网站排名统计服务)排名中的中国网站排名(Top Sites in China)前五名的网站去进行相关的标记校验。具体选中的网站截图如下:

Alexa网站

Alexa网站

下面我们把选中的网站去一一进行标记的校验。首先我们校验的是百度,百度是中国市场占有率最高的中文搜索引擎网站,其首页相当简单,但是其表象下的HTML代码是否也同样简单且清晰明了呢,我们一起来看一下:

百度首页HTML校验结果

百度首页HTML校验结果

可以看到,百度首页这种极其简单的页面还存在41个错误和22个警告,无法通过校验。

接下来,我们需要校验的网站是腾讯QQ网,QQ网通过QQ的广大用户群现在已经发展成国内目前整体流量和排名第一的门户类网站,我们来看看它的校验情况:

腾讯网HTML校验结果

腾讯网HTML校验结果

上图是校验的提示信息,通过阅读下面的相关信息,我们发现,由于HTML方面的问题,QQ首页的Web文档没有办法被进行校验。

QQ的页面是这样的一种效果,那么接下来的新浪网会是什么样子呢?新浪是中国的传统门户网站,在门户里面一直排名前三,我们来看看它的Web页面有没有像它的综合实力一样好:

新浪首页HTML校验结果

新浪首页HTML校验结果

意料之外,又是情理之中的事情,跟QQ一样,新浪的Web页面也是无法进行相关的校验,不知道这算不算是门户网站的通病。

下面这个,是广受好评的Google中文网站。Google在业界凭借不作恶的承诺和完美的技术一直保持着良好的口碑,不知道表象之下的Web代码校验起来会是什么样子的。猜测起来应该至少不会比百度的要差吧?我们一起拭目以待:

Google首页HTML校验结果

Google首页HTML校验结果

结果出来了,错误46个比百度的41个多5个,警告10个,远少于百度的22个。同时,鉴于Google的Web页面相比百度的不论结构和功能都要复杂很多,Google相比百度在Web标准方面把握的要好一些。

最后,我们一起来看一下淘宝网在Web标注方面的表现。写这一节的时候,查看Alexa,发现淘宝网难以置信地排在了第五位,很是惊讶。淘宝网最近发展的的确很快,而且他们一直在招聘Web前端开发工程师,有种欲招揽天下高手尽归我有的感觉。而且,淘宝UED在Web前端方面的确建树颇丰,也一直以国内前端的旗帜和领袖标杆来标榜。我们来看看他们的校验结果会不会让人有一种眼前一亮的感觉。

淘宝首页HTML校验结果

淘宝首页HTML校验结果

没错,您刚刚看到的就是淘宝网首页的Web页面校验结果。306个错误和6个警告。错误较多,但是警告相当少,看来在Web前端方面也算是没枉费心机。

为什么符合标准的网站这么少

上面我们看了国内Alexa前五名的网站的标记Web标准校验结果,我们已经预先做好了接受比较差的结果的心理准备,但是在现实面前却发现依然难以接受。

为什么,而这又是为什么呢?

究其原因,我感觉主要这样几个方面的原因:一是国人最技术和标准没有那么关注和重视;二是国内整体的Web环境的遗留问题和公司政策方面的问题;但是究其主要原因我感觉还是由于国内的Web前端从业人员缺少对行业和相关标准的准确认识和清晰定位,另外就是缺少对细节和技术的严格要求,当然,还有对自己的严格要求,浮躁。

当然,我也不能例外。写这些文章的目的,就在于能够使自己沉下来,细细总结、关注并重新学习认知Web标准和Web前端开发的方方面面,完善并改造自己的同时也能够给国内的同行一些自己的经验分享。

符合Web标准的Web前端开发之路,我们任重而且道远,但是,我们在路上,我们在不断地求索……

本文涉及的标签分类:

网友评论

  1. 丸子 在 2009-08-21 16:18 说:

    那么国外的情况是怎样?

  2. 寂寞如哥 在 2009-08-21 16:24 说:

    @丸子:

    国外的好一些,别的不说,看看雅虎美国的页面就知道了,不但在标准方面,在Web性能方面做得也很好。

  3. 吾可. 在 2009-08-21 19:49 说:

    看完文章我也马上验证了下我做的两个站,分别是78 Errors, 59 warning(s) 和17 Errors, 6 warning(s) ,但是我发现,寂寞哥测的那个几个站都是html4或5,而我这个是XHTML 1.0 Transitional,这里就引出一个问题,浏览器里查看百度或google页面都直接开头包内容,而淘宝网则是,至于为什么这些大站会这样弄我不太清楚,但是寂寞哥无法验证的那几个站都是和我的站一样顶部有这样的声明

    不知道是否不能验证和这个声明有关,另外,xhtml和html使用哪一个更好一些?话有点多有点乱,不要鄙视我哈

  4. 吾可. 在 2009-08-21 19:53 说:

    补充,我看了下我的站验证的错误和警告信息,基本都是和程序语言的使用有关系,个人认为,这样算的话,要真的做完全pass的站几乎不可能,除非很巧妙的设计和纯静态,哎,web难,难于达标准

  5. Ghost 在 2009-08-29 11:10 说:

    看完文章也有去验证下的冲动。哈哈
    分享下结果:This document was successfully checked as XHTML 1.0 Strict!

    http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cssforest.org%2Fblog&charset=%28detect+automatically%29

  6. 寂寞如哥 在 2009-08-29 12:06 说:

    @Ghost:

    还是鬼比较强悍,哈哈。

  7. hozin 在 2009-09-03 21:23 说:

    通过验证不是目的 但是也不能象国内网站那么离谱

  8. nickle 在 2009-09-26 17:07 说:

    接着写,一直在关注

  9. 树人 在 2010-06-01 15:23 说:

    web标准是一把尺子,但是有时候我们并不能完全在他所规定的尺度内完成我们的项目,所以我们能做的就是 “尽量” 像标准靠拢. 至于这个 “尽量” 能有多少力度就看个人了.

  10. iphone 在 2010-06-24 09:24 说:

    为什么要通过验证吗?目的是什么?标准是什么?不能要国外的标准来衡量国内的!老外没事干做什么呢?

  11. 阅网博客 在 2010-08-25 13:48 说:

    只要带来好的用户体验,网站很多就不去关心w3c的体验。

发表评论