Web 设计:实现干净代码的12条定律

漂亮的代码是漂亮网站的基础，优秀的 CSS 只存在与同样优秀的 HTML 之上，干净的，语义的 HTML 代码让一个网站更健壮。本文讲述了12个实现干净 Web 设计代码的定律，适合于任何从事 Web 设计的人。

1. Strict DOCTYPE 要做就做对的。

不管是 HTML 4.01 还是 XHTML 1.0，它们都提供 Strict 模式，使用 Strict 模式可以保证我们的代码不隐藏任何错误。

参考资料:

• W3C: Recommended DTDs to use in your Web document

• Fix Your Site With the Right DOCTYPE!

• No more Transitional DOCTYPEs, please

2. 字符集声明，特殊字符进行编码处理

 字符集声明应当放在 <hea> 部分的最前面，以便让浏览器知道如何显示网页中的所有内容，包括标题。另外，一些特殊字符，如 & 最好用 &amp; 代替，这是一种最安全的方法。

参考资料:

• Wikipedia: UTF-8

• A tutorial on character code issues

• The Extended ASCII table

3. 恰当的锁进

缩进不会影响网页的渲染，但会明显改善阅读源代码时的体验。缩进没有特定的规则，但始终保持一致是个好习惯。

参考资料:

• Clean up your Web pages with HTML TIDY

4. 将 CSS 和 JavaScript 放在外部文件中

将 CSS 和 JavaScript 放在外部文件中引用，不仅减低单个网页的尺寸，而且意味着其它网页也可以共用这些代码，另外，浏览器的缓存机制可以很好地降低对相同代码的重复下载。

5. 正确地嵌套 Tag 标签

如下图，第一行代码中，<h1>标签嵌套在 <a>标签中，尽管多数浏览器会正确渲染，但这不是好的习惯， 标签是 block 对象，而 是 inline 对象，inline 对象不应该容纳 block 对象。

6. 消除不必要的 <div>

<div> 常被滥用（尤其在我们现在所处的 DIV+CSS 神话中 - 译者），人们希望把任何东西都放在 <div> 中以便为它们分配 CSS 式样，这种滥用会导致的臃肿。

参考资料:

• Divitis: what it is, and how to cure it.