网站建设的垃圾代码如何清理

  清理代码指删除页面中的冗余代码,为了降低页面体积,提高页面的用户体验和搜索引擎友好性。一个页面的垃圾代码往往占全部的80%,那么清理垃圾代码,在天津网站建设看来,何乐而不为呢?

一、什么是垃圾代码

  垃圾代码是指那些删除后也不会影响页面正常显示的,非必要的代码。如上文所说,一个页面中有大量的垃圾代码,占据庞大空间。它们不仅白白占据搜索引擎的存储空间,增加其分析数据的时间,而且还浪费用户加载网页的时间。

二、垃圾代码是如何产生的

  垃圾代码诞生于制作网页的过程中。当使用诸如FrontPageWord以及dreamweaver等网页制作软件制作网页时,就会产生一部分可有可无的垃圾代码。当然,垃圾代码可以在制作网页的时候就避免,最好的方法就是手工编写代码。

  上面提到了多种制作网页的软件,使用不同的软件编写代码所产生的垃圾代码也不同。其中,Dreamweaver制作的页面产生的代码最少,垃圾代码也最少;使用Word制作网页产生的HTML中,包括作者、版本、建立日期、最新更新日期、公司名称等标签和内容,其中绝大部分都是对用户和搜索引擎没用的;使用FrontPage制作网页产生的HTML代码也比较简洁,但依然有可有可无的标签和内容。

  即使不同软件制作网页而产生的代码有差别,但也有一部分是共有的,包括垃圾代码。

三、清理垃圾代码

  这里介绍哪些属于垃圾代码,以及如何清理。

1、空格

  空格字符是垃圾代码中最常见的,不是指HTML语言中的“ ”字符,而是空格键所产生的空格字符。即使一个空格只占一个字符,但空格多了产生的字符量也会占据很大空间。有统计显示,空格字符约占页面总体的1.5%。空格字符通常出现于每行代码的开始、空行中和结尾处。

(1)每行代码开始处:网页制作软件生成代码时默认产生的缩进字符,可以使用DreamweaverEditPlus等软件进行清理。用Dreamweaver举例,将网页转至HTML代码编辑模式,用Ctrl+A选择全部代码,然后用Shift+Tab,直到删除所有空格。

(2)空行处:编写代码时,利用空行或注释对不同功能模块进行分隔所产生的,对此只能手动逐行去除,具体操作便不再赘述。

(3)每行代码结尾处:编辑代码时无意加上,可以使用EditPlus或其他文本编辑软件的替换功能进行清理。由于每行代码结尾均为“>”,因此通过快捷键Ctrl+F打开查找与替换,在查找填入“> ”(“>+空格),在替换填入“>”(无空格),然后全部替换即可。

  空格字符大概占垃圾代码的70%左右,还有30%左右属于默认数学、注释语句及空语句。

2、默认属性

  是指在用软件制作网页时,所产生的默认属性的代码,如HTML代码即使不加入左对齐格式,代码默认格式依然为左对齐,因此左对齐的默认属性是可以删除的。除此之外,还有一些其他可删除的默认属性:

(1)align=“left”:横向居左对齐属性值,默认情况下文章或者图片都是横向居左对齐的。

(2)valign=“middle”:竖向居中对齐属性值,默认情况下文章或者图片都是竖向居中对齐的。

3size=“3”:文字大小属性值,默认情况下是3号字体。

4target=”_self“:新页面打开属性值,默认情况下在当前窗口打开。

5front=”#000000”:文字颜色属性,默认情况下网页中文本的字体颜色是黑色。

6bgcolor=”#FFFFFF”:背景颜色属性,默认情况下网页的背景颜色是白色。

  对此,利用Dreamweaver的替换功能,可以完成对默认属性代码的替换。在“查找”中填上要替换的默认属性代码,“替换”处留空白,还可以在“查找范围”上选择替换范围,然后点击“替换全部”就可以删除“查找范围”内所有制定的默认属性代码。

3、注释语句

注释语句是用于对代码功能或作用进行说明的语句,这些部分对普通观众不可见,即用户在普通网页中看不见HTML代码中注释标签里的内容。在制作网页时,注释语句可以增强代码的可读性,但过多的注释语句会占用大量存储空间。而且注释标签还会成为堆砌关键词的地方,形成作弊,从而招致惩罚。

所以注释语句在制作网页的时候就要开始避免,不添加那些删除后也不影响代码可读性的无用注释语句。

4、空语句

空语句是指标签间不存在任何内容的语句,而清理垃圾代码需要删除的就是那些删除后也不会影响页面正常显示的标签,需要注意有一部分标签,如<tr><td><p>,删除后会影响页面。

对此可以用网页制作软件中的特定功能处理空语句,如Dreamweaver中有“清理HTML/XHTML”功能。

 

制作网页最好应手工编写HTML代码,即使不手工,也应在网页制作完成后清理垃圾代码。


您可能还喜欢

在线咨询返回顶部
0.0328s