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可用，表示强调。