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

　　HTML建造工的角色

　　CSS粉刷匠的角色

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

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

　　Web Standards

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

　　结构规范 XML ,XHTML;

　　表现规范 CSS;

　　行为规范 DOM,ECMAScript;

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

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

　　1. 学习html语言是怎么回事，那些个标签是做什么的，然后把你所表达的信息（文字，图片，乱七八糟的）用这种语言组织起来，把代码写规范了，这就是良好的结构和语义化。

　　2.学习CSS，知道CSS是干什么的，他就是个粉刷匠，做美化网页工作的，美化大家都知道怎么回事吧？就是把1里面你做的那堆东西，美化一下，首先是布局，布局完了，文字排一下版，其他的那就是背景的事情了。

　　CSS人家的工作就是美化，可你HTML偏要跟人叫板，整个什么table，font的那叫自己不行，还要抢人饭碗。

　　但是浏览器对CSS2.1规范支持的不好，所以兼容浏览器的问题就有点头疼，这个方面要作的就是有的放矢，知道问题出在哪里？然后就这个具体问题去解决，解决的根本方法就是CSS hack，看看各个浏览器品性，支持哪个，不支持哪个，别人支持的他不支持，别人不支持的他支持，就钻这个空子，就能解决不兼容问题了。

　　3.行为脚本，他是做交互用的，根据事件，也就是你的操作，单击阿，双击阿，回车阿，鼠标滑过阿等等，去响应这些操作，所以他就类似动画指导，有个时间轴，有个因果关系，也就是为什么前两个没有选择循环等这种语句。所以他的工作就是响应操作，用行为脚本去实现CSS美化作用，那是抢人饭碗。

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

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