Web标准通俗版

先看看两幅漫画，描述的是HTML，CSS两个语言的分工：
HTML建造工的角色

CSS粉刷匠的角色


图片来源：http://www.html.net/

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

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花好几年制定维护那些个规范的原因了