1. 传统的布局方式是在DW中拖拽表格来布局，自动生成的代码量非常庞大；

2. table布局的缺点：

　　a. 代码量大，结构混乱；

　　b. 标签语义不明确，对搜索引擎不友好。

3. 在HTML，CSS，JS三大元素中，HTML才是最重要的，结构才是重点。

　　先确定HTML，确定语义的标签，再来选用合适的CSS

4. 先HTML，后CSS。可以在CSS裸体日仍然保持良好的层次感；

5. 搜索引擎对<h>比较敏感，一个语义良好的页面，h标签应该是完整有序没有断层的；

6. 标签语言调试工具：Web Developer，Firefox插件

7. 表单域要用fieldset标签包起来，并用legend标签说明表单的用途

　　如果不想这两项显示，可设fieldset{border:none;},legend{display:none;};

　　一切为了能让搜索引擎找到你，呵呵

8. label for input也不光是为了普通用户哈

9. 表格是二维数据展示方面最好的选择，只是不推荐用来布局而已。

　　caption,thead,tbody,tfoot  th td

10.尽可能少用无语义标签div和span。在语义不明显，既可用p也可用div的地方，尽量用p，因为p默认有上下间距。不用纯样式标签，如b,foot,u等，用css设置。strong和em可用，表示强调。