网站垃圾代码怎么清理
发布网友
发布时间:2022-06-10 05:36
我来回答
共2个回答
热心网友
时间:2024-11-30 10:53
格字符是在编辑代码时敲击键盘上的空格键而所产生的符号
热心网友
时间:2024-11-30 10:53
垃圾代码的产生
一般情况下,我们会使用网页制作软件制作网页,入FrontPage,Word及Dreamweaver。这些网页制作软件在制作网页时,会生成相应的HTML代码,其中大部分是必须的,而有一小部分则是可有可无得,这就是所谓的垃圾代码。因此,避免产生垃圾代码的最好办法就是以手工编写代码的方式制作网页。
即使是同样内容的网页,使用不同的网页制作软件进行制作,所产生的代码也会存在很大的区别。
使用Dreamweaver制作网页时所产生的代码量是最少的。因此,在没有掌握手工编写代码前,我们可以使用Dreamweaver制作网页,完成后再清理其中的垃圾代码。
、
垃圾代码的清理
(1)空格
空格字符是网页中最常见的垃圾代码。但此处讨论的空格字符并非HTML语言中的“ ”标签,而是指在代码编辑环境下敲击键盘上的空格键所产生的符号。网页中每个空格都相当于一个字符,因此,空格字符也会占用巨大的空间。初步统计,空格字符约占页面总体积的1.5%。也就是说,一个100KB的网页中,其中1.5KB是空格字符。
空格字符通常会出现在每行代码的开始和结束处,还有就是空行中。
1、每行代码开始前的空格字符:是网页制作软件生成代码时,默认产生的缩进字符。
2、空白行:在编写代码时,常利用空行或者注视对不同功能模块进行分割,这样就产生了空白行。
3、每行大骂结束处的空格字符:是在编辑HTML代码时,不小心加上的。只要在每行代码的结束为止向右移动光标,如果光标不换行,则说明该行后面还存在空格字符。
(2)默认属性
在利用网页制作软件制作网页时,通常会产生一些默认属性的代码。在页面中,还有很多其他属性都是默认属性,一下是比较常见的:
1、align=“center”:横向居左对齐属性,默认情况下文字或者图片都是横向居左对齐的。
2、valign=“middle”:竖向居中对齐属性,默认情况下文字或者图片都是竖向居中对齐的。
3、size=“3”:文字大小属性值,默认情况下是3号字体。
4、target=“_self”:新页面打开属性值,默认情况下是当前窗口中打开。
利用Dreamweaver的替换功能,可以完成对默认属性代码的替换。在“查找范围”上选择替换范围,在“查找”中填上要替换的默认属性代码,“替换”处留空白:然后,点击“替换全部”就可以删除“查找范围”内所有指定的默认属性代码。
(3)注释语句
注释语句是用于对代码功能或作用进行说明的语句,其中的内容对于普通用户来说是不可见的,即普通用户在页面中看不到HTML代码中注释标签里的内容。
在制作网页时,我们或多或少会添加注释语句以增强代码的可读性。但是,过多的注释语句会占用大量的空间。不仅如此,如果在注视标签里添加大量的关键字,还会被搜索引擎认为是堆砌关键字,从而对网站进行惩罚。
所以在添加注释语句是,要坚守一个原则,绝不添加那些即使删除后也不会影响网页源代码可读性的注释语句。
(4)空语句
垃圾代码清理的最后一步就是删除代码中的空语句,简单地说,空语句就是指标签间不存在任何内容的语句。
空语句的清理主要是针对即使删除后也不会影响页面正常显示的标签,如<b1></b>、<font></font>、<h1></h1>等。但有一部分标签是不能删除的(如<tr>、<td>)。否则页面将会出现错乱。
我们可以使用网页制作软件提供的特定功能对代码中的空语句进行清理。另外手工编写HTML代码是搜索引擎优化从业者必须具备的基本技能。如果你已经具备手工编写HTML代码的能力,就应该优先采用手工编写代码的方式制作网页。
经过垃圾代码清理后,页面中70%以上的冗余代码已经被清除。但是,精简代码的工作并没有完成。接下来,还需要转换HTML中的长标签及对CSS,Javascript进行优化