当前位置：首页 > 建站知识
谈html代码优化
更新时间：2009.07.02 浏览次数：
就像我们的房屋需要定期清洁一样，网页的代码也需要定期的清理。
随着时间的推移，当对一个网页进行更改或更新的过程中，也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度，同时还会损害到网页的效率。更有甚者，乱糟糟的html代码也会严重影响到您的搜索引擎排名。
这种情形在使用诸如frontpage或dreamweaver这一类使用所见即所得（wysiwyg）的网页编辑软件编辑的网页中表现尤为明显。这些编辑软件虽然能够快捷地生成网页，但却可能包含大量冗余代码，从而无法保证代码的干净简洁。
我将借此文主要只针对实际的html编码就这一点进行探讨，而对网页中可能使用到的其它编程语言，如javascript等则一概忽略掉。
最早在使用html语言对网页进行编辑时，我们会用象字体和
principles
这些源码总共占了117个字符。显然，这是一种很拙劣的html编码，但在使用“所见即所得”的软件下编辑的网页有时候就会出现这样的情形。我们将上述冗余代码清理，并使用代码内嵌之后，上述代码可精简为：
heading1
paragraph1
heading2
paragraph2
……
对于每个标题和段落内容，都需要重复编写格式代码，这样下来源码中将会产生很多html代码。倘若我们利用css来实现格式的切换，则css样式表代码只需在区中定义一次，在正文中调用即可。形如：
… …
请注意：css样式表是在头区中创建，并在网页主体中得以应用。倘若想要为网页添加更多格式，则只需在css样式表中一次性定义好，就可在正文内容中随意任意设置好的格式。这也就是清除多余的html代码的第三大原则╠╠尽可能对字体使用css样式表。css的优点很多，例如网页布局整齐一致、功能强大而灵活、可单独作为一个文件存放，从而大大降低网页的大小。除此之外，css样式表还具备网站格式更新方便，只需更新css样式表文件的格式，就可以实现对整个网页的格式更新的优点。
综上所述，只需简单将html代码进行冗余清除和精简，就可以降低网页的大小，加快网页的下载速度，提高网页的效率。
随着时间的推移，当对一个网页进行更改或更新的过程中，也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度，同时还会损害到网页的效率。更有甚者，乱糟糟的html代码也会严重影响到您的搜索引擎排名。
这种情形在使用诸如frontpage或dreamweaver这一类使用所见即所得（wysiwyg）的网页编辑软件编辑的网页中表现尤为明显。这些编辑软件虽然能够快捷地生成网页，但却可能包含大量冗余代码，从而无法保证代码的干净简洁。
我将借此文主要只针对实际的html编码就这一点进行探讨，而对网页中可能使用到的其它编程语言，如javascript等则一概忽略掉。
最早在使用html语言对网页进行编辑时，我们会用象字体和
段落这样的标签。然后在这些标签之间放入网页的内容、链接和图片等。每一次对网页上的格式的改变都需要借助新的html标签来实现这种改变。后来有了css样式表，通过css我们可以将格式一次性定义好，实现网页格式和结构的分离，从而可在网页中随意调用该格式，并通过对css设置来轻松控制整个页面的布局。
为了加速网页的下载速度，这就需要我们让网页的html源码尽可能地减少。事实上不必，网站也不会愿意去删除任何网站的可视内容，这时候对源码中多余代码的清除就显得势在必行。对多余代码的清除和源码的精简，我们就能够创建一个体积更小，下载速度更快的网页。
随着时间的推移，html也在变化着，现在对于同一件事情，我们可以有很多种方式和选择来完成。例如对字体加粗，在html下可以有两种选择：一种是标签，另外一种就是标签。我们可以看到：使用标签要比多出10个字符。（译者注：虽然比标签多5个字符，但互联网领军的标准制定组织w3c还是建议将标签作为首选。）
这就是清除代码的第一个原则：使用最简单的html编码方式。
html具有在代码中嵌套代码的能力。假设现在有一行文字“html code cleaning principles”，其中“cleaning”要求粗体。有的人可能会这样写：
html code
cleaning
principles
这些源码总共占了117个字符。显然，这是一种很拙劣的html编码，但在使用“所见即所得”的软件下编辑的网页有时候就会出现这样的情形。我们将上述冗余代码清理，并使用代码内嵌之后，上述代码可精简为：
heading1
paragraph1
heading2
paragraph2
……
对于每个标题和段落内容，都需要重复编写格式代码，这样下来源码中将会产生很多html代码。倘若我们利用css来实现格式的切换，则css样式表代码只需在区中定义一次，在正文中调用即可。形如：
heading1
paragraph1
heading2
paragraph2
heading3
paragraph3
… …
请注意：css样式表是在头区中创建，并在网页主体中得以应用。倘若想要为网页添加更多格式，则只需在css样式表中一次性定义好，就可在正文内容中随意任意设置好的格式。这也就是清除多余的html代码的第三大原则╠╠尽可能对字体使用css样式表。css的优点很多，例如网页布局整齐一致、功能强大而灵活、可单独作为一个文件存放，从而大大降低网页的大小。除此之外，css样式表还具备网站格式更新方便，只需更新css样式表文件的格式，就可以实现对整个网页的格式更新的优点。
综上所述，只需简单将html代码进行冗余清除和精简，就可以降低网页的大小，加快网页的下载速度，提高网页的效率。