|
保持HTML代码整洁的12条原则（译文），原文：12 Principles For Keeping Your Code Clean 良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候，我总是首先告诉他们：良好的CSS只存在于良好的html标记基础上。这就好像一间房子需要一个坚固的地基一样，对不？ 整洁、语义化的HTML标记具有很多的优势，但却还是有很多网站使用着并不友好的标记写法。 让我们来看一些写得并不友好的HTML标记, 并针对这些问题进行讨论，从而学习如何书写整洁规范的HTML标记。 1、严格的 DOCTYPE 我们要做到这一点，只需要按正确的步骤来做即可。没必要去讨论是否使用HTML 4.01或XHTML 1.0，两者都对我们书写正确的代码提出了严格的要求。 但无论如何我们的代码不应该使用任何Tables表格来进行布局， 所以也就没必要使用Transitional DOCTYPE. 相关资源： 2、Character set & encoding characters 在我们的 <head> 部份, 第一件事情就是声明字符集. 我们使用了UTF-8, 但是把它放到了 <title> 后面. 让我们把字符集声明移动到最上面，因为我们要让浏览器在阅读任何内容之前就应该知道以何种字符集来进行处理。
除了字符集声明的位置外，<title> 中出现的奇怪字符也是需要注意的问题，比如最常用的“&”字符，我们应该使用字符实体“&”来替换它。 相关资源： 3、适当的缩进 在书写代码的时候，缩进并不会影响网页的外观，但使用适当的缩进能使代码更具可读性，标准的缩进方法是当你开始一个新的元素时缩进一个Tab位（或几个空格）。另外，记得，关闭元素的标签与开始标签对齐。
相关资源： 4、使用外部CSS 和 javascript 我们有一些CSS代码已经延伸到我们的 <head> 部分。这是一个严重的犯规，因为它只能适用于单一的HTML网页。保持独立的CSS文件意味着未来的网页可以链接到它们，并使用相同的代码。Javascript也是同样的道理。
(责任编辑：admin) |
