网页设计制作规范

的表格，height  写在  <table>  的标签内，多行多列的表格，width  和height  写在第一行或者第一列的  <td>  标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height  和width,  保证任何一个width  和height  都是有效的，也就是你改动代码中任何一个width  和height  的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。  

/一  般  原  则  

1.  在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免  <colspan>  <rowspan>  两个标记，经验表明，这两个标记会带来许多麻烦。  

2.  一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用  <tbody>标记，以便能够使这个大表格分块显示。  

3.  排版中我们经常会遇到需要进行首行缩进的处理，不要使用      或者全角空格来达到效果，规范的做法是在样式表中定义  p  {  text-indent:  2em;  }  然后给每一段加上  <p>  标记，注意，一般情况下，请不要省略  </p>  结束标记  。  

4.  原则上，我们禁止用  <img  width=?  height=?>  来人为干预图片显示的尺寸，而且建议  <img>  标签中不要带上width  和height  两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给  <img>附上  width  和  height  属性。  

5.  为了最大程度的发挥浏览器自动排版的功能，

在一段完整的文字中请尽量不要使用
  来人工干预分段。  

6.  不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。  

7.  所有的字号都应该用样式表来实现，禁止在页面中出现  <font  size=?>  标记。  

8.  请不要在网页中连续出现多于一个  的      也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用  text-indent,  padding,  margin,  hspace,  vspace  以及透明的gif  图片来实现。  

9.  中英文混排时，我们尽可能的将英文和数字定义为verdana  和arial  两种字体。  

10.  行距建议用百分比来定义，常用的两个行距的值是line-height:1

《网页设计制作规范(第4页)》