谈HTML代码优化
日 期：2007-03-22 来 源：站长资讯网 阅 读:
就像我们的房屋需要定期清洁一样，网页的代码也需要定期的清理。
随着时间的推移，当对一个网页进行更改或更新的过程中，也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度，同时还会损害到网页的效率。更有甚者，乱糟糟的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代码进行冗余清除和精简，就可以降低网页的大小，加快网页的下载速度，提高网页的效率。
上一篇：PageRank-Google的表决式网页排名 下一篇：google判断优质网页的标准不仅仅是PR
随着时间的推移，当对一个网页进行更改或更新的过程中，也同时会产生很多不必要的代码堆积。这些无用代码不但会降低网页的打开速度，同时还会损害到网页的效率。更有甚者，乱糟糟的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代码进行冗余清除和精简，就可以降低网页的大小，加快网页的下载速度，提高网页的效率。
- PageRank-Google的表决式网页排名
2007-03-22 15:12:26
大家可能听说过，Google 革命性的发明是它名为 “Page Rank” 的网页排名算法，这项技术彻底解决了搜索结果排序的问题。其实最先试图给互联网上的众多网站排序的并不是 Goo...[阅读全文] - google判断优质网页的标准不仅仅是PR
2007-03-22 15:12:29
现在还在看到很多人在使用google的PageRank来判断一个网页的好坏， 当你还在为那个绿色小条欢呼雀跃的时候，当你还在一次次的下载google工具，我想告诉你：你不要在沉迷在...[阅读全文] - 如何利用Google增加你的网站访问量
2007-03-22 15:12:26
Google周期性地公布已设计好的新服务，帮助Web站点管理员处理对站点访问的数据过剩问题或帮助他们捕获更多网络堵塞。其中Google近期支持的一个服务是，通过努力使网虫们能...[阅读全文] - Google左侧排名攻略之一
2007-03-22 15:12:30
在网站推广方法中，搜索引擎推广是最重要的方法之一，而Google目前是世界最NB的搜索引擎了，占全球56％的搜索引擎市场，所以网站在Google中的推广不可忽视。不过，目前大多...[阅读全文] - Google sandbox效应
2007-03-22 15:12:25
Google sandbox效应 据业界的很多专家观察、实践，他们总结了几个较为有效的方法。但这毕竟是没有一个标准或者正确的答案，只是仁者见仁，智者见智，供大家一个参考而已。...[阅读全文] - 排名优化大赛热烈进行 Google权威性成笑话
2007-03-22 15:12:31
排名优化大赛热烈进行 Google权威性成笑话 最近澳大利亚的两家网络营销公司DarkBlue和SearchGuild.com联合举办了一场网络竞赛，名为“SEO挑战”。内容是看谁能使"nigritude...[阅读全文] - 搜索引擎必知十大秘技
2007-03-22 15:12:24
实在大多数情况下，登录搜索引擎可不是宣传和推广你网站的唯一手段。要取得真正的成功，你还需要使用很多其他的技术和方法。然而，当你适当的登录到搜索引擎后，也同样可以...[阅读全文] - 网站ALEXA排名下降的原因及解决方法
2007-03-22 15:12:31
对于大多数网站而言，当出现网站ALEXA排名下降的现象之后，需要提升网站ALEXA排名的问题，实际上也就是对处于稳定期的网站如何进行有效推广使之访问量重新进入新一轮增长的...[阅读全文] - 网站排名因素列举
2007-03-22 15:12:23
提高网站在Google中的排名——面向搜索引擎的网站设计, 关键词：Google PageRank link popularity website promotion optimization for search engine 内容摘要： 目前中文...[阅读全文] - 如何使百度有效收录
2007-03-22 15:12:33
百度喜欢结构简单的网页，具有复杂结构的网页可能无法顺利登录百度。您在进行网页设计时应尽量： 1. 给每个网页加上标题 网站首页的标题，建议您使用您的网站名称或公司名...[阅读全文] - Google如何对网页进行排名
2007-03-22 15:12:21
Google 搜索结果的自动排序取决于 100 多个因素，其中包括我们的 PageRank（网页排名）算法。有关详细信息，请查阅我们的“技术概述”页。鉴于我们的业务性质，以及出于保...[阅读全文] - 百度搜索的优化策略
2007-03-22 15:12:34
注：本文来自网上的零零散散，我收集了一些相关内容，做了个整理，也算作是希望通过百度搜索带来比较好的流量的朋友们的一些参考吧。 国内站长靠百度来的流量很多，所以站...[阅读全文] - 哪些行为会被百度搜索引擎认为是作弊
2007-03-22 15:12:20
以下行为都可能被认为是作弊 -在网页源代码中任何位置，故意加入与网页内容不相关的关键词。 -在网页源代码中任何位置，故意大量重复某些关键词。即使与网页内容相关的关键...[阅读全文] - 百度蜘蛛测试
2007-03-22 15:12:35
测试对象：Baiduspider 测试历时：1天 (2004-10-27 00:00:00~ 2004-10-27 17:30:00) 测试目的：观察baidu蜘蛛收录方向和顺序 测试方法：×××略 测试结果：首页直接链接的...[阅读全文] - 网页优化作弊行为
2007-03-22 15:12:19
网页优化不乏旁门左道，但这往往只是讨一时之巧，结果终是得不偿失。搜索引擎，尤其是大型搜索引擎在侦测作弊行为方面是很聪明的，所以从长计议，最好不要采用以下作弊行为...[阅读全文] - 关于网络关键字（排名用）
2007-03-22 15:12:35
关键字服务： 关键字广告: 什么是关键字广告？ 该广告具有唯一性特点，即检索某一产品时只出现独家广告，将广告的商业价值与品牌效益释放到最大化和最优化！！我们遵循谁先...[阅读全文] - 百度“反垃圾网站”的若干问答
2007-03-22 15:12:18
图王(某站长代表):1：百度降权，封杀站点的标准是什么 百度(baidu某高层): 第一，http://www.baidu.com/search/spam.html 是百度公开和唯一的标准，百度的反spam一直依此处...[阅读全文] - 搜索服务网站排名靠前的简便方法
2007-03-22 15:12:36
所有人都希望网站靠前，因此，从这个概念出发，国内和国外已经很多公司开始了这项服务，譬如国内的百度公司，国外的overture,在国外，有些关键字已经飙到了查询一个关键字...[阅读全文] - 网页的重要性/权威度/高度
2007-03-22 15:12:18
现在很多人相信搜索引擎都给网页赋予一个权威度值，名称有不同的看法，不管叫重要性值，还是叫信任级别，还是叫权威度，还是叫强度，或者叫能量。甭管叫什么，很多排名的研...[阅读全文] - 剖析百度，优化百度收录
2007-03-22 15:12:38
这两天关于百度的争吵很多，首先声明，我不是百度的人，也不是反百度的人．我的论坛也被百度封过，原因很简单：有段时间出去实习，疏于管理，论坛上出现大量的se情内容，被...[阅读全文]
资讯中心精华推荐
- [博客运营] 各种漂亮的鼠标URL代码
- [搜索优化] 没有放之四海皆准的SEO技巧
- [搜索优化] 搜索引擎关键词排名优化知识完全手册
- [搜索优化] Title的写法
- [搜索优化] 百度封什么样的网站?兼谈初级SEO办法
- [搜索优化] Google排名的三大关键
- [JavaScript] ie里window的method列表
- [JavaScript] 让弹出窗口变得“体贴”一些
- [JavaScript] 点一下，首页地址添加到收藏夹
- [系统DIY] Windows操作系统十三例安装技巧
- [系统DIY] 实现Win98、WinNt、Win2000互相访问Fat32 N
- [系统DIY] Windows 罕见技巧全集大放送
- [系统DIY] 重装Windows后LILO被覆盖的解决办法
