前几天,版面上,就“web标准”的含义争论不休,我本想活跃一下版面气氛,就没限制,谁知道演变成口水贴,今天又有人问到了到底什么是WEB标准?,我就给他用大白话解释了一下,也觉得有意义把这个名词说的通俗一点,要不然新手们会以为这玩意有多么的深奥。

先看看两幅漫画,描述的是HTML,CSS两个语言的分工

HTML建造工的角色

HTML建造工的角色

CSS粉刷匠的角色

CSS粉刷匠的角色

根据很直观的漫画,相信分工方面就比较了解是怎么回事了,下面开始大白话名词解释,声明“大白话肯定不像专业术语那样全面,完善,但是能将问题很快的讲明白。”

Web Standards

Standards是个复数,就知道他是有好几个标准或者规范组成的,分别是:

  • 结构规范 XML ,XHTML;
  • 表现规范 CSS;
  • 行为规范 DOM,ECMAScript;

上面是理论,也就是说源自这些个东西,“规范,标准”就是统一规格的意思,让大家按照那些统一的规格进行网页制作的编码,最常用的就两个XHTML 1.0 CSS2.1,把它们的要求弄明白了,就去照着规格编写代码就是了。

实际上, “网页标准化”,就是个称呼,不能望文生义,不就是做网页嘛!原来的方法没有按照规范走,现在觉得规范很有意义,就跟着规范走了。起这个名字也就是出师有名,好宣传推广。

想关注这方面,你要做的也很简单。

  1. 学习html语言是怎么回事,那些个标签是做什么的,然后把你所表达的信息(文字,图片,乱七八糟的)用这种语言组织起来,把代码写规范了,这就是良好的结构和语义化。
  2. 学习CSS,知道CSS是干什么的,他就是个粉刷匠,做美化网页工作的,美化大家都知道怎么回事吧?就是把1里面你做的那堆东西,美化一下,首先是布局,布局完了,文字排一下版,其他的那就是背景的事情了。CSS人家的工作就是美化,可你HTML偏要跟人叫板,整个什么table,font的那叫自己不行,还要抢人饭碗。但是浏览器对CSS2.1规范支持的不好,所以兼容浏览器的问题就有点头疼,这个方面要作的就是有的放矢,知道问题出在哪里?然后就这个具体问题去解决,解决的根本方法就是CSS hack,看看各个浏览器品性,支持哪个,不支持哪个,别人支持的他不支持,别人不支持的他支持,就钻这个空子,就能解决不兼容问题了。
  3. 行为脚本,他是做交互用的,根据事件,也就是你的操作,单击阿,双击阿,回车阿,鼠标滑过阿等等,去响应这些操作,所以他就类似动画指导,有个时间轴,有个因果关系,也就是为什么前两个没有选择循环等这种语句。所以他的工作就是响应操作,用行为脚本去实现CSS美化作用,那是抢人饭碗。

大家各司其职,别掺乎别人的事情,这就叫做分离。

剩下的工作就交给浏览器了,按照这些个规范,管他PC浏览器,手持设备,盲人浏览器,打印阿,都可以兼容了,这也就是为什么人家W3C花好几年制定维护那些个规范的原因了。


本文地址:/Web_Design/2007/01/13/web-standard