| 加入收藏

实现精简的网页代码的12个方法

2009-12-29 21:42来源: 浏览:[]
所属专题:

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

1.合理的代码结构次序

网页布局结构保持一个合乎逻辑的次序。

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

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

3.恰当的代码缩进

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

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

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

5.正确地嵌套Tag标签

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

6.消除不必要的的div

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

7.使用更好的命名规则

如下图,Cat的CSS类被命名为reditalic,暗示着Cat使用红色斜体,如果你想将Cat改成兰色的粗体呢?

8.尽量使用CSS控制文字的排版

如下图所示,不要直接使用大写,用CSS对这些文字排版方面的格式进行控制,这样会更灵活。

9.为<body>分配独立的class/id

为bodyTag分配一个独立的class/id,可以很好地定位页面中任何对象,因为页面中所有对象都位于body中。

10.验证

无需多言,你应当尽可能对网页的代码进行验证,尽管有些代码错误浏览器能自动更正,但有些错误是会带来不好的后果的,尤其当你位于Strict模式下。即使什么都不为,看到那个绿色的W3C验证标志至少可以让自己舒服一些。

W3C验证是否通过并不一定要什么拘泥,Web设计中存在更多的考量,只拘泥W3C验证结果,可能影响一些更重要的因素,比如,IE6在W3C标准方面存在不少BUG,如果你为了100%通过W3C验证而宣布自己的网站不支持IE6,至少在国内会得不偿失的-译者

11.StrictDOCTYPE

要做就做对的。不管是HTML4.01还是XHTML1.0,它们都提供Strict模式,使用Strict模式可以保证我们的代码不隐藏任何错误。

12.尽你所能

如果你从零开始写,保持以上的原则当然要容易的多,如果要修改旧的代码,将会很痛苦,一些CMS系统拙劣的编码会让你陷入泥沼,或者你的网站规模宏大要改动的东西太多,不管怎样,始终保持良好的代码编写习惯非常重要的。

相关文章



Copyright 2008 逆云网 | 粤ICP备08131116号 |关于我们 | 联系我们 |