写Web页面就像我们建设房子一样，地基牢固，房子才不会倒。同样的，我们制作Web页面也一样，一个良好的HTML结构是制作一个美丽的网站的开始，同样的，良好的CSS只存在同样良好的HTML中，所以一个干净的，语义的HTML的优点很多，那么平时制作中，我们做到了这一点吗？我们一起来看一张图片：

上图展示了两段代码，我想大家都只会喜欢第一种，我们先不说其语义，至少他的结构让我们看上去清爽，而第二种呢？一看就是糟糕的代码的代码，让人讨厌的代码。那么要怎么样才能写出一个好的代码，整洁的代码呢？下面我们就从以下十二个方面一起来学习，只要大家以后在写代码的时候能坚持下面的十二个原则，保准 你的代码质量能上去，而且你写的代码会人见人爱。

一、DOCTYPE的声明

如果我们想做好一件事情，首先要知道我们有哪些权利去做，就如“DOCTYPE”的声明，我们没有必要去讨论是否使用HTML4.01或者XHTML1.0或者说现在的HTML5都提供了严格版本或者过渡版本，这些都能很好的支持我们写的代码：

简单来说Git是一个免费的、开源的版本控制软件，从功能上讲，跟我们比较熟悉的Subversion(SVN)这类版本控制软件没什么两样。由于工作的需求，需要在WinXP下安装git配合团队完成相应的工作，以前一直在别的系统下使用，今天经Drupal花园的龙马指点终于安装成功了，特意贴出来与有需要的童鞋一起分享。

获取Git软件：

大家可以通过两种方式获取Git的软件，一个是在官网上获取，另一个可以点击这里下载。只是有一点需要说明就是需要下载支持WinXp系统的版本。

        经朋友介绍认识了Zen Coding一款快速编写HTML代码的插件，然后在google搜索一下其使用，让在下激动不以，今天特意写了一篇blog来跟大家一起分享。

         Zen Coding其实是一款快速编写HTML,XML,XSL（或其他格式化语言）的编辑器插件，这个插件的实现了用缩写方式完成大量重复的书写工作。他的核心是一个强大的缩写引擎，掌握这些缩写技巧，给我们的编写代码带来极高的编写效率。他支持好多编辑器，如TextMate，UltraEdit，Notepad++等许多编写器，我们可以从http://code.google.com/p/zen-coding下载到相对应的编辑插件，然后我们把解压缩出来的文件，如下图：