论WEB标准在中国的灰飞烟灭

所属分类: 网页制作 / CSS 阅读数: 546
收藏 0 赞 0 分享

Web标准?Web标准!Web标准……或许它会浴火重生,或许它将灰飞烟灭。

Web标准这个概念进入国内整整五年,它的巨大魅力和对传统网页制作颠覆,吸引了一群致力于标准化应用的开发者,他们前赴后继白手起家,通过翻译国外资料和实践总结,以民间的方式推广万维网标准化应用。

国内最早一批遵循Web标准的开发者已经先后进入各大门户的前端开发部门,然而《几个门户网站无法改变中文万维网欠发达的现状》;Web标准并未有真正的在中文万维网大肆流行,它仍旧是“一小撮顽固分子”倔强坚持的理想;缺乏系统总结培训的情况下,顽固分子们大多自学成才,并且挫折感受鄙夷正在令这个团体不断缩小;趁着 Web2.0的“春风”,为数众多的“Div+Css”伪标准大军鱼目混珠滚滚袭来;行业标准的缺失正在让更多的Web标准学习者踌躇,望而却步……这就是《中国的Web标准现状》!

Web标准的中国低谷

感谢那些走在研究和推广前列的朋友们,他们无私的奉献了自己的时间,为在中国推行Web标准这个草根事业寻求出路;然而,回首自2004年接触和学习Web标准的历程,几乎每个时期都会涌现出一批先行者,他们在通过自己的个人网站身体力行的研究和推广Web标准;但是,突然发现越来越多的先行者不再活跃,很多珍贵的中文资料很难再找到,很多致力于推广Web标准的个人网站消失在视线中

那些消失的,曾经都闪亮过

w3cn.org
阿捷,《网站重构》译者的个人网站。最近一次更新是在2007年3月,作为国内Web标准的蹈火者,全站的几乎所有文章都被通过各种渠道转载了出去。可能是由于站长很忙,或者已经关注其他领域,总之这个网站的纪念意义远远大于实际意义,内容略显陈旧了。
onestab.net(无法访问)
曾经活跃在CSDN的onestab站长是国内第一批研究Web标准的开发者之一,《为什么用表格排版是不明智的》一文的简体中文版译者,这篇文章在当时曾经帮助无数爱好者走向Web标准之路。然而后来域名不再续费,持有人变更,后来连网站的镜像也无法访问了,可惜。
omemo.com(域名现为某国外软件公司的网站)
《传承标准》系列教程的翻译者,一直认为这套教程是进入Web标准实际操作应用领域最好的入门教材。后来域名也不再续费,持有人变更,万幸的是《传承标准》在万维网上有很多镜像,随便搜索就能找到。
forest53.com(域名变更持有人,以前的网站无法访问)
老甘,一位慈祥的叔叔,儿童摄影爱好者及Web标准中国教父。自从forest53.com无法访问之后,老甘叔叔从万维网彻底失踪,无数Web标准开发者顿足叹息。甘叔的文章很少讲道理,只给代码和实例,积累非常丰富的应用;希望有认识甘叔的朋友能够转达我们对他的思念

依然坚持的,期望更耀眼

aoao.org.cn
嗷嗷,样式之美。年纪不大的一位开发者,喜欢实践,灵气十足,曾经自己探寻出很多针对浏览器的Hack方法;如今已经从南方转战北京,成为某门户的前端开发工程师,去年出了一本书《Web标准设计》。或许因为工作很忙,现在网站的更新有些零乱了。
realazy.org
懒,真的很懒。依然活跃在Web标准研究的前线,属于坚持不懈的那种。翻译大量国外最新的资料,很值得关注。我也懒,少写点吧。
bingo929.com
彬GO,貌似已经身在国外。很多文章被权威的机构收录,大量翻译国外的最新资料,保存大量的代码实例定期更新内容,非常值得收藏和长期关注。
cnblogs.com/JustinYoung/
Yes,B/S。关注前端开发,勇于实践的Web标准爱好者,对HTML5.0CSS3.0有些研究,最近正在死磕IE8下的开发。

Div Hell

在Web标准中有一个概念叫“Table Hell”,指那些大量使用表格嵌套,造成无数垃圾代码的网页设计;而目前国内的情况有点“Div Hell”的味道,无论什么样的语义结构,一律Div嵌套,然后用绝对定位给一个Position,而这种做法其实与表格嵌套无异

非常反感那些伪标准开发者像苍蝇一样在耳朵边念叨“DIV+CSS”,而实际上也已经疲于反复的告诫他们“Web标准不是DIV+CSS”;语义化才是Web标准的精髓所在,每一个标记都有自然语义,运用合理的标记进行Web开发不仅仅能够精简代码,而且能够形成通顺的文档结构,修改起来非常简单;更重要的是能够让更多的人使用你的网页,比如那些使用屏幕阅读软件残障人士

探究真理不是想要和什么人划清界限,而那些所谓的Diver真的该醒醒了。

挑战

悉闻W3C组织解散了Xhml2.0的研发小组,全力主攻HTML5.0,这是有跨时代意义的;而W3C蓝图中的多媒体标记语言簇更让开发者认识到未来浏览器的强大;更符合语义,更注重应用的标记语言,需要开发者重新学习和掌握;那些非标准的插件早晚被会时代抛弃(比如Adobe的Flash)……面对这些挑战,中文万维网的开发者,你们准备好了吗

更多精彩内容其他人还在看

CSS配合JavaScript做酷的动态页面效果

  利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标
收藏 0 赞 0 分享

WEB标准,Web前端开发工程师必备技术列表

  想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:   通过许多实际项目,
收藏 0 赞 0 分享

用CSS制作Alpha滤镜测试板

alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0 赞 0 分享

非常流行的所谓的气泡窗口

普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格. 前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的). 我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制.. 先下载Sweet Ti
收藏 0 赞 0 分享

CSS教程:li和ul标签用法举例

LI代码的格式化: A).运用CSS格式化列表符: ul li{ list-style-type:none; } B).如果你想将列表符换成图像,则: ul li{ list-style-type:none; list-style-image: url(/blog/images/
收藏 0 赞 0 分享

CSS教程:CSS中的定位(position)

  使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。   其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0 赞 0 分享

CSS教程:盒模型(BOX Model)

  如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0 赞 0 分享

无延迟翻滚的图形与CSS混合风格按钮

  在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。   相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0 赞 0 分享

css里expression实现界面对象的批量控制

用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0 赞 0 分享

CSS教程:水平对齐(text-align)

  水平对齐(text-align),用以设定元素内文本的水平对齐方式。   1.语法   text-align具体参数如下: 语法:text-align:left|right|center|justify 说明:设定元素内文本的水平对齐方式。 参数:left:左
收藏 0 赞 0 分享
查看更多