· 网络编程· 网页设计· 图形图像· 网站联盟· 数 据 库· 站长时代· 业界资讯· 网站运营· 黑客攻防· 电脑技巧

站长资讯 News
· 搜索优化 · 策划盈利
· 建站技巧 · 推广研究
热门文章
· FlashMdy快乐行
· 什么是Web3.0
· The World浏览器秘技..
· 游荡在个人网站大潮..
· ASP中Request对象获..
· 今日(2006-11-26)域..
· 实战 FastCGI_2. 安..
· 黑客入侵“在线影院..
· [图文] 认识FrontPag..
· [图文] 谢文写诗袒露..
相关文章
· 站点代码优化(全面提..
· PB代码优化(2)
· PB代码优化(3)
· PB代码优化(4)
· PB代码优化(1)
您当前的位置:资源库 -> 网站运营 -> 搜索优化 -> 文章内容
谈HTML代码优化
作者:佚名  来源:不详  发布时间:2006-9-25 21:08:08  发布人:admin

减小字体 增大字体

就像我们的房屋需要定期清洁一样,网页的代码也需要定期的清理。
随着时间的推移,当对一个网页进行更改或更新的过程中,也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度,同时还会损害到网页的效率。更有甚者,乱糟糟的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样式表是在头区中创建,并在网页主体
综上所述,只需简单将HTML代码进行冗余清除和精简,就可以降低网页的大小,加快网页的下载速度,提高网页的效率。


 
 
[] [返回上一页] [打 印]