web标准亲身体验

刚开始接触网页制作的时候，对许多概念都不很明白，其实现在好多也只是有一定了解，不一定能解释清楚，讲清楚。不过，半年的标准化工作经历让我多少有了点小小想法。原来制作页面的时候不求过程只求结果，只要能踉踉跄跄的在浏览器中大概正常显示就万幸了，哪敢奢求什么标签合理分配，样式表书写规范之类的，不是不想做好只因心有余而力不足啊。 对自己做的东西总是横竖不顺眼，到处寻医问药，时间不断的流去，而我也渐渐的成长，渐渐的有了些体会，明白了前辈们些经验之谈，自己也悟出了些道理。

   我平时总是先对着设计图，划分页面大概结构，并把每一块内容所用的标签尽量在脑海里过一遍，选择标签比较注重实际含义，例如把div用于外层结构定位，p,h1,h2,h3等用于文本，b,strong也经常用到，列表标签的使用频率也蛮高的，尤其是dl,dt,dd，你看，dl 可以用来做容器，dt做标题，dd存放一条条的文本。总之，尽量增加有意义的标签，尽量避免满屏的div,span和泛滥的class。尤其在div的大海中为了改变一个属性而不得不特意写个class或id ，那种感觉真的极其不爽。要让页面的html结构合理，最大限度的为样式表瘦身。那就要对整个网站，在把设计稿转换成代码之前必须整个页面要有一个很好的规划，要有比较强的整体把握能力。我个人采用的是用外层容器固定内部流动内容的模式，我自己瞎说的模式，呵呵，就是页面上的每个版块的最外层控制宽高大小，写在id中，而把容器的共同属性写在class中，例如容器有一像素边框等，这样就通过id+css的方式将版块的大小固定了，这样做有很大的好处，在减少容器的共同属性被书写很多遍的同时，也不会失去对容器内部要实现个别属性的要求。例如两个或多个版块极为相似，仅有字体大小或者颜色不同，就可以用选择权限来控制，因为外层用的是div是独一无二的。外层容器好了，就剩内部元素了，内部存放文字和图片之类的东西，把它做成流动的，就是不固定宽高且能自动换行，让他受外层容器控制。总体感觉就是把整个网站拆成几个页面，接着把页面拆成外层容器和内部流动元素，感觉就是把页面当作生产产品一样拼起来。噢，差点忘了，在定义标签的初始样式时，可以对自己用到的都分类设不同初始值，例如把h1用于14px加粗的文本，把h2用于14px不加粗的文本，把h3用于12px加粗的文本，h4用于12px不加粗的文本等等类似的，先把不同标签的功能分配好再付默认值。要想不浪费标签，为样式表瘦身就得精打细算。

  最后，想说的是结构，样式，行为要尽量分离，即html,css,js三者不要互相渗透，来个你中有我，我中有你的。那样在写的时候可能有些方便，但是后期修改的时候就要晕了，我亲身体会了在js中寻找css的痛苦。先这样啦，乱说一通。