网页中的HTML源代码垃圾代码是如何产生的呢的？

第5章代码优化代码优化是页面优化的一个重要环节，也是页面优化的基础，但一直得不到人们的重视。为了让读者能从基础出发对页面进行优化，本书用一章来介绍“代码优化”。5.1代码优化简介代码优化就是对网页中的HTML源代码进行必要的调整，以提高页面的友好性。页面经过代码优化后，一方面可以有效精简页面中的冗余代码，加快页面的显示速度，同时也降低页面占用搜索引擎服务器的存储空间，从而提高页面的用户体验及搜索引擎友好性；另一方面还可以有效地突出页面的主题，提高页面的相关性。5.1代码优化简介代码优化的主要工作包括精简代码、头部优化及权重标签使用。在这几个环节中，精简代码是最基础、最根本的。5.2精简代码精简代码是指清除或者简化页面中的代码，从而达到降低页面体积、提高页面的用户体验及搜索引擎友好性的目的。页面代码的精简包括五大环节：清理垃圾代码、HTML标签转换、CSS优化、JavaScript优化及表关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf格优化。其中，清理垃圾代码又是精简代码中最重要、最基础的。5.2.1清理垃圾代码清理垃圾代码是指删除页面中的冗余代码。一个页面经过垃圾代码清理后，可以删除接近80%的冗余代码。然而，什么样的代码才是垃圾代码呢？垃圾代码简介垃圾代码就是指删除后不会影响页面正常显示的非必要的代码。这些代码占据着庞大的空间，不但耗费用户下载页面的时间，还占用搜索引擎巨大的存储空间，增加搜索引擎分析数据的时间。然而网站SEO代码标签优化，这么庞大的垃圾代码是如何产生的呢？垃圾代码的产生FrontPageWordDreamweaver垃圾代码的清理从上面的几个例子中可以看到，网页制作软件产生的常见垃圾代码包括空格、默认属性、注释语句及空语句等。空格空格字符是网页中最常见的垃圾代码。非HTML语言中的“”标签，而是指在代码编缉环境下敲击键盘上的空格键所产生的符号。网页中每个空格都相当于一个字符，因此，空格字符也会占用巨大的空间。初步统计，空格字符约占页面总体积的1.5%。空格空格字符通常会出现在每行代码的开始和结束处，还有就是空行中，如图5-1所示。每行代码开始前的空格字符对于每行代码开始前的空格字符，可以使用Dreamweaver或者EditP

lus等软件进行清理。具体操作步骤如下：(1)转至HTML代码编缉模式（如果是Dreamweaver）；(2)按Ctrl+A选择全部代码；(3)使用组合键Shift+Tab，直至删除所有空格为止。空行对于空行中空格字符的清理，只能手工逐行去掉。每行代码结尾处的空格字符对于每行代码结束处的空格字符，我们可以使用Editplus或者其他文本编缉软件的替换功能进行清理：(1)用鼠标选择“>”+“一个空格字符”，即“>”；(2)再按Ctrl+F，就会弹出如图5-3所示的窗口；(3)“替换”处填上“>”，再点击“全部替换”即可。默认属性在页面中，还有很多其他属性都是默认属性，以下是较常见的。(1)align=”left”：横向居左对齐属性值，默认情况下文字或者图片都是横向居左对齐的。(2)valign=”middle”：竖向居中对齐属性值，默认情况下文字或者图片都是竖向居中对齐的。(3)size=”3″：文字大小属性值，默认情况下是3号字体。(4)target=”_self”：新页面打开属性值，默认情况下是在当前窗口中打开。(5)Font=”#000000″：文字颜色属性值，默认情况下网页中文本的字体颜色是黑色。(6)Bgcolor=”#FFFFFF”：背景颜色属性值，默认情况下网页的背景颜色是白色。利用Dreamweaver的替换功能，可以完成对默认属性代码的替换。注释语句注释语句是用于对代码功能或作用进行说明的语句，注释语句里的内容对于普通用户来说是不可见的。在添加注释语句时，我们要坚守一个原则：绝不添加那些即使删除后也不会影响网页源代码可读性的注释语句。空语句空语句就是指标签间不存在任何内容的语句。例如，就是一个典型的空语句。空语句的清理主要针对即使删除后也不会影响页面正常显示的标签，如、、等。但有一部标签是不能删除的（如、或者

），否则页面将会出现错乱。我们可以使用网页制作软件提供的特定功能对代码中的空语句进行清理。例如，Dreamweaver的“清理HTML/XHTML”功能就可以快速清理页面中的空语句，如图

5-6所示。(1)点击菜单栏中的“命令”；(2)选择“清理HTML”；(3)根据需要选择相应的选项，然后按“确定”即可。AdvancedHTMLOptimizerHTML标签转换HTML标签转换主要是使用短标签替换在网页中实现同样效果的长标签。例如，与都是对字体加粗。使用DW的替换功能5.2.3CSS优化引进CSS，将网页的结构和样式代码分离开来。因为目前搜索引擎并不分析CSS代码所以网站SEO代码标签优化，如果通过CSS样式来对某内容进行重点标注，将不被搜索引擎识别。5.2.3CSS优化方式1：

搜索引擎优化

方式2：

搜索引擎优化

样式表内容：CSS优化通过改变CSS的调用方式及使用CSS对相同样式的内容进行控制，可以节省大量的代码。避免使用CSS为重要的内容定义样式。页面中重要内容的样式（尤其是主辅关键字）必须使用HTML标签进行标注，这样才能达到突出页面中的主辅关键字，提高页面相关性的目的。如粗体、斜体、下划线、标题、文字颜色、文字大小等。CSS调用方式CSS调用方式分页面内部调用及外部调用，其中内部调用又分为头部调用及主体调用。头部调用即内嵌式主体调用即行内式外部调用即链接式和导入式。DIV+CSS使用DIV+CSS方式制作页面，一方面可以防止垃圾代码的产生，另一方面可以减少重复代码CSS优化要求1、用DIV+CSS进行布局2、HTML采用链接式调用CSS文件3、使用相应的标签对关键字进行标注5.2.4JavaScript优化不管是对于普通用户还是搜索引擎，JavaScript都是极不友好的，我们在规划页面时要尽量避免使用JavaScript。(1)目前为止，搜索引擎并不解析JavaScript生成的页面或者内容。(2)JavaScript代码冗长，执行效率远低于HTML，导致打开页面时间过长。JavaScript优化在搜索引擎优化里，JavaScript优化并非

为了提高JavaScript代码的执行效率，而是为了避免JavaScript代码占用页面空间及重要位置。JavaScript调用方式JavaScript的调用分为内部调用和外部调用，其中内部调用又分为头部调用及底部调用。JavaScript优化优化的目的不是为了提高代码的执行效率，而是为了避免JS代码占用页面空间及重要位置。优化的原则：1、能外部调用的就外部调用2、否则尽量将放在底部调用。5.2.5表格优化格优化主要是解决表格之间的嵌套问题，让表格之间保持独立，从而加快页面在浏览器中的显示速度，提高用户体验。同时，又可以精简页面代码，提高页面的搜索引擎友好性。表格间相互嵌套的页面5.3页面头部优化HTML代码中间的区域，我们称之为网页的头部。在网页的头部中，通常存放一些介绍页面内容的信息，例如页面的标题、描述及关键字等。在头部优化中，除了要清理垃圾代码外，最重要的还有拟写标题、描述及关键字标签的内容。5.3.1摘要信息在搜索结果页面中，每个搜索结果至少包含以下基本信息：页面标题、描述、URL、页面大小及更新日期（有的搜索引擎还提供网页快照、类似网页）等。其中，页面标题及页面描述，我们称之为页面的摘要信息。5.3.1摘要信息摘要信息的生成在不同的搜索引擎中会存在比较大的差别，即使是同一个搜索引擎也会由于页面的实际情况而有所不同。一般情况下，搜索引擎会提取页面标题标签中的内容作为摘要信息的标题，而描述则常来自页面描述标签的内容或直接从页面正文中截取。Google与百度都是取页面标题标签内容作为摘要信息的标题。Google会以描述标签的内容作为摘要信息中的描述（如果页面描述标签内容不是十分糟糕的话）百度则更倾向于从页面正文内容中截取相关的信息作为描述5.3.2标签标签也称为标题标签，标题标签内容是对网页主题的概括，相当于一篇文章的题目。标题标签的优化是网站优化中最重要的内容之一，对页面相关性产生决定性的影响。大多数搜索引擎都是提取网页标题中的全部或部分内容作为搜索结果中摘要信息的标题向用户展示的。因此，在拟写标题内容时，要做到主题突出、内容简

洁。标题优化主要包括标题内容的长度控制、关键字分布、关键字词频及关键字组合技巧等。标题长度应把标题内容的长度限制在28个中文字符（56个英文字符）以内，或者让相对重要的内容出现在这个范围。关键字分布关键字分布是指关键字在标题中出现的位置。很多人喜欢把公司或者网站的名称放在标题的最前面，特别是网站的首页。这站在搜索引擎优化的角度，这是一个非常不明智的做法，除非你的公司或者网站名称就是你想要优化的关键字。搜索引擎分析页面的时候，在HTML源代码中自上而下地进行的，标题内容又是网页中是最先出现的信息。因此，在标题内容的最前面加上页面的主关键字，可以有效突出页面的主题，提高页面相关性。关键字词频在标题内容中主关键字出现3次以内，每个辅关键字只出现1次是比较合理的关键字组合技巧手机|手机评测|手机图片|手机论坛手机|手机评测|手机图片。手机|评测|图片|手机论坛手机|图片|评测|论坛5.3.3标签标签即描述标签。描述标签内容是对页面内容的概括，相当于页面的简介。由于描述标签常被一些不法分子用于堆砌关键字，导致其对页面相关性的影响力日渐下降。但是，Google仍然相当重视描述标签的内容。在Google的搜索结果中，大部分页面的描述都是来自页面描述标签里的内容。描述标签的优化包括描述内容的长度限制、关键字分布、关键字词频及关键字组合技巧等。5.3.4标签标签即关键字标签，是头部三大标签之一。相对标题标签及描述标签，关键字标签所起的作用是微乎其微，甚至已经被忽略。但无论如何，为了能在残酷的竞争中脱颖而出，我们还是要把握好每一个可能会影响页面相关性的细节。关键字标签的优化也涉及内容长度、关键字组合、关键字分布、关键字词频等问题标签标签主要用于限制搜索引擎对网站相关内容的抓取。如果页面中不添加标签，搜索引擎就认为该页面下所有的内容都是允许抓取的。

me=“robots”content=“noindex,nofollow”>Noindex:不索引当前页Nofollow:不跟踪当前页面中的所有连接Noarchive:不保存快照Nosnippet:不采用头部信息，不保存快照Noodp:搜索结果不使用标签标签为文档建立日期标签2007-09-17T14:46:00Z标签标签为文档最后更新日期标签，用于注明文档最后一次修改的时间。常被开发人员用于标明文档最后更新日期以协调彼此间的工作，而以前搜索引擎也会以此标签作为页面最后更新时间的依据。2007-09-17T14:46:00Z5.4权重标签使用权重标签就是会影响页面权重或者相关性的HTML标签。权重标签常用于突出页面中相对重要的内容（如主、辅关键字），从而提高页面相关性，增加页面权重。标签标签又称为标题标签，是所有的权重标签中最重要的。它一共有6种样式，即至标签字体标签（）包括字体颜色、字号大小等属性，其中最为重要的就是字号及颜色属性。标签粗体标签（或）是最常用的字体样式之一，不管是在Word文档里还是在网页里，我们都能看到粗体标签出没的身影。粗体标签在突出内容方面所起的作用仅次于标题标签。标签斜体标签（或）也是常用的字体样式，对突出内容具有一定作用。不过，我们在网页中较少使用。标签下划线标签（）是网页中链接的默认样式，除非指定的内容或者信息含超链接。否则，不建议采用下划线字体样式。结束语当你尽了自己的最大努力时，失败也是伟大的，所以不要放弃，坚持就是正确的。WhenYouDoYourBest,FailureIsGreat,SoDon’TGiveUp,StickToTheEnd谢谢大家荣幸这一路，与你同行It’SAnHonorToWalkWithYouAllTheWay演讲人：XXXXXX时间：XX年XX月XX日