本文旨在介绍如何保证页面代码的整洁、以维护性。使用有语义的页面标签，减少<div>标签的滥用。
1. 移除不必要的<div>标签
嵌套在<form><ul>外面的标签没有必要
2. 使用有语义的标记
<h1><ul><p>等标签，替代<div>，即便样式表丢失，仍然保证页面的可读性。
3. 尽量少的使用<div>标签
4. 代码缩进格式
5. 在</div>结尾处加上这个<div>块的注释
例如:布局可以使用div标签，段落可以使用p标签，列表可以使用ul或dl，标题可以使用h1~h5，强调可以使用strong，表格可以使用table 等等。同时，遵循标签的语义化也利于网站的SEO，也方便站点代码的维护。
6、id 与class 选择器的区别 在html的规范中，id是一个元素在整个源代码中独一无二的属性，而class做为css选择器，是为元素增加样式的手段，那么例如下面的结构：通过 $('#item1') 取到的就是id=item1的元素，而通过$('.item_style')取到的就是id = item1 和 item2这2个元素的集合，要是item_style的元素只有1个，那么就跟用ID取是一样的。这就是最主要的区别：在元素存在的情况下，id返回一个元素，class返回1个或更多元素。 从性能上来说，id选择要比class选择要更有效率，这也是成为进阶的技能之一，尽量使用id，或者通过$('#id').find('.class')这样的形式来查找，形成习惯后，效率会有一定提升。