增强你页面代码的可读性
源自：http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/
看过这篇文章以后，发现自己经常也属于那种喜欢随处蹦个DIV来解决的，但也不全是，有时候DIV襄套多了，自己也觉得不妥，一大堆DIV，可读性还真的不强，所以导致的是，自己写的代码时间久了自己都可能费解，更别提其他人了。这篇文章并不是说DIV不好，而是教你如何让你的代码更高效主要提到如下做法：
1.去掉无关紧要的<div>标签
许多人都喜欢用div标签来包住一个form或者ul标签(我也这样)，为什么要创建一个多余的标签呢？通过重写这些form或者ul标签的CSS，你可以达到同样的效果的。
示例1：
这个例子告诉我们怎样丢掉多余的div标签，而且如何书写CSS以达到同样的效果。
示例2：
有时候我们喜欢用一个div标签去框住一些内容，然后让他们之间显示空白，即设定对齐。这个例子左边的代码是用两个div分别框住一串代码，然后让他们之间有一定的间隙，右边是教我们如何利用h4来控制间隙，以便去掉多余的div标签。
2.使用语义化标签
你应当经常使用语义化标签来书写你的HTML文档，比如h1用作标题、p用作段落。ul用作列表，等等。这样，即使浏览器不支持CSS，你的文档也能比较容易让用户读懂。
示例：
3.最小化使用div标签
你是否经常有看到一些到处使用div标签，显得很杂乱的模板？你是否曾经忘记了用</div>关闭div标签或者多了一个div而导致整个版面混乱？我相信很多开发者以前都遇到过这样的问题。因此，你应当尽可能少的使用div。这会让你排错或编辑更加顺利。
示例1：
4.格式化你的代码（缩进）
你应当经常格式化的书写你的代码，比如缩进。这样可以让你排错或者阅读的时候很方便。
5. 在关闭div标签</div>时添加注释
当我们编写模板的时候（比如WordPress模板），模板通常是分成了好几个部分的。现在，你应该在</div>的时候为其添加一个可读性的注释语句，比如，当我看见</div><!– /wrapper –>，我就知道这是<div id=”wrapper”>的关闭标签。
