正在阅读：标准化网页制作人员的修炼之道标准化网页制作人员的修炼之道

　　2、页面变小了

　　同样的网页在新的标准下制作和以前的传统制作相比，代码一般能节约40%以上，当然这是由于以下原因造成的：

• 通常在符合标准的页面中，已经不再直接使用<td bgcolor="red" align="center" ....></td>这种方法直接去控制显示样式了，而是放在网页之外的CSS文件中去表现。
• 抛弃了表格用来布局的做法后，N个表格重复嵌套的冗余代码也就不再出现了。
• 页面上已经不再直接使用图片进行装饰了，而是采用在CSS中使用背景图去实现。当然,具有实际意义的图片还是应该存在的，比如网站的Logo图标、广告图片、新闻图片以及其它不是用来装饰页面效果的、是属于实际内容的一部分的那类图片。
• 大量的javascript代码也被移植到了网页外部，在页面中将精简成<script type="text/javascript"  src="../js/**.js"></script>。

　　当然以上所谈的特征非常的表面化、也非常的局限，只是就页面代码方面描述了比较浅显的特征，针对于页面制作人员而言,也同时提出了更高的要求，会在后边的文章中做详细的讲解。

　　有兴趣的朋友可以照着下边的这个效果图去用传统的方法试着做一下，然后再查看这个页面的html代码，是不是觉得的确精短了很多？

代码运行效果图

　　到底如何去培养自己去编写精练的、有语义的、结构非常清晰的html代码呢。在下一节中我们来讨论如何将一个美工画出来的效果图拆分成结构层、表现层以及行为层，以及如何正确处理三者之间的关系。