清理垃圾代码
清理垃圾代码是指删除页面中的冗余代码。一个页面经过垃圾代码清理以后,可以删除接近80%的冗余代码。然而,什么样的代码才是垃圾代码呢?
1. 垃圾代码简介
垃圾代码就是指那些在删除的情况下也不会影响页面正常显示的非必要的代码。这些代码占据着庞大的空间,不但耗费用户下载页面的时间,还占用搜索引擎巨大的储存空间及增加搜索引擎分析数据的时间。然而,这么庞大的垃圾代码是如何产生的呢?
2. 垃圾代码的产生
一般情况下,我们会使用网页制作软件制作网页,如:Fontpage,Word 及 Dreamweaver。这些网页制作软件在制作网页的时候,会生成相应的HTML代码,其中大部分是必须的,而有一小部分则是可有可无,这就是所谓的垃圾代码。因此,避免产生垃圾代码最好的办法就是以手工编写代码的方式制作网页。
即使是同样内容的网页,使用不同的网页制作软件进行制作,所产生的代码也会存在很大的区别。例如:对于包含以下内容的网页:“我做的第一个网页”。使用Word制作会产生103行代码,共2.96 K的内容;Fontpage则产生17行代码,共308 字节内容;而使用Dreamweaver只产生12行代码,275的字节的内容。如下面代码所示:
Word
如下所示是使用Word制作网页时所产生的HTML代码,代码中包含了作者、版本、建立日期、最新更新日期、公司名称等标签及内容,其中绝大部分内容不管是对普通用户还是搜索引擎都毫无意义的。
<html xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=GB2312">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 9">
<meta name=Originator content="Microsoft Word 9">
<link rel=File-List href="./1.files/filelist.xml">
<title>我做的第一个网页</title>
<!--[if gte mso 9]><xml>
 <o:DocumentProperties>
  <o:Author>吴泽欣</o:Author>
  <o:Template>Normal</o:Template>
  <o:LastAuthor>吴泽欣</o:LastAuthor>
  <o:Revision>1</o:Revision>
  <o:TotalTime>0</o:TotalTime>
  <o:Created>2008-03-13T14:06:00Z</o:Created>
  <o:LastSaved>2008-03-13T14:06:00Z</o:LastSaved>
  <o:Pages>1</o:Pages>
  <o:Lines>1</o:Lines>
  <o:Paragraphs>1</o:Paragraphs>
  <o:Version>9.2812</o:Version>
 </o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:PunctuationKerning/>
  <w:DrawingGridVerticalSpacing>7.8 磅</w:DrawingGridVerticalSpacing>
  <w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
  <w:DisplayVerticalDrawingGridEvery>2</w:DisplayVerticalDrawingGridEvery>
  <w:Compatibility>
   <w:SpaceForUL/>
   <w:BalanceSingleByteDoubleByteWidth/>
   <w:DoNotLeaveBackslashAlone/>
   <w:ULTrailSpace/>
   <w:DoNotExpandShiftReturn/>
   <w:AdjustLineHeightInTable/>
   <w:UseFELayout/>
  </w:Compatibility>
 </w:WordDocument>
</xml><![endif]-->
<style>
<!--
 /* Font Definitions */
@font-face
{font-family:宋体;
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-alt:SimSun;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
@font-face
{font-family:"\@宋体";
panose-1:2 1 6 0 3 1 1 1 1 1;
mso-font-charset:134;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:3 135135232 16 0 262145 0;}
 /* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-ideograph;
mso-pagination:none;
font-size:10.5pt;
mso-bidi-font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:宋体;
mso-font-kerning:1.0pt;}
 /* Page Definitions */
@page
{mso-page-border-surround-header:no;
mso-page-border-surround-footer:no;}
@page Section1
{size:595.3pt 841.9pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;
mso-header-margin:42.55pt;
mso-footer-margin:49.6pt;
mso-paper-source:0;
layout-grid:15.6pt;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=ZH-CN style='tab-interval:21.0pt;text-justify-trim:punctuation'>
<div class=Section1 style='layout-grid:15.6pt'>
<p class=MsoNormal><span style='font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:宋体;mso-ascii-font-family:Arial;mso-hansi-font-family:Arial;
color:gray'>我做的第一个网页</span></p>
</div>
</body>
</html>
Fontpage
如下所示是使用Fontpage制作网页时所产生的HTML代码。尽管比较简洁,但还是存在一些可有可无的标签及内容,例如:Generator(生成器)及Progid等。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>我做的第一个网页</title>
</head>
<body>
<p>我做的第一个网页</p>
</body>
</html>
Dreamweaver
使用Dreamweaver制作的页面所产生的代码是这三者中最简洁的。但是,却缺少一些非常重要的标签及内容,例如:“Description”及“Keywords”标签。
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”>
<title>无标题文档</title>
</head>
<body>
我做的第一个网页
</body>
</html>
从上面例子中,我们可以看到使用Dreamweaver制作网页时所产生的代码量是最少的。因此,在没有掌握手工编写代码前,我们可以使用Dreamweaver制作网页,完成后再清理其中的垃圾代码。

尽管不同的软件制作网页时所产生代码会存在很大的差别,但有一部分代码是共有的,包括垃圾代码。

清理垃圾代码---1相关推荐

  1. 清理垃圾代码bat_电脑一键清理垃圾图文详解

    电脑使用时间久了系统就会产生各种垃圾文件,影响电脑的运行速度.而最近有好多朋友升级到win10系统,电脑系统盘的可用空间也会变小,所以清理电脑的系统垃圾文件就很有必要了.下面就来看看怎么样一键清理系统 ...

  2. 计算机清理垃圾代码,我是来发技术贴的,一个小代码,轻松清理电脑垃圾。

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 我自己用的一个用小工具,因为我不用国产的一些杀毒软件,所以很多的辅助功能都享受不到,但是一些软件的功能,我们还是哪能很简单的自己通过代码实现的.首先,点开 ...

  3. 清理垃圾代码bat_来买个小内存u盘么咯?盘内带电脑垃圾清理.bat那种丨heibai.org...

    在某宝个别店铺购买了小内存u盘到货后插入电脑,发现自带了一个名为电脑垃圾清理的小程序. 对就是这货 怀揣着这家店真好,还带了垃圾清理软件的想法,我试着运行了软件. 但是好像没有卵用. 正好小表弟好像对 ...

  4. win7win10清理垃圾代码

    @echo off   echo 正在清除系统垃圾文件,请稍等......   del /f /s /q %systemdrive%\*.tmp   del /f /s /q %systemdrive ...

  5. 计算机清理垃圾代码,让你电脑快速开机清除系统垃圾运行批处理源代码

    @echo off echo 正在清除系统垃圾文件,请稍等...... del /f /s /q %systemdrive%\*.tmp del /f /s /q %systemdrive%\*._m ...

  6. ps清理缓存脚本_清理垃圾脚本,让你的电脑丝滑如新!

    APP菜园 打造属于我们自己的APP帝国 1.打开支付宝app,首页搜索 "8221050"  然后点击快捷功能,天天领红包. 2.软件领取流程:1.认真阅读下软件介绍:2.找到图 ...

  7. 安卓清理垃圾清理代码_从战中清理代码

    安卓清理垃圾清理代码 从战中清除代码–验证 让我们直接从一个例子开始. 考虑一个简单的Web服务,该服务允许客户向商店下订单. 订单控制器的非常简化的版本可能如下所示– @RestController ...

  8. 安卓清理垃圾清理代码_用方面清理代码

    安卓清理垃圾清理代码 在我以前的文章中,我描述了字母转换,并且提到了我们使用AspectJ来解决该任务,但是我没有提及AspectJ的工作原理和一般性方面. 因此,在接下来的几行中,我将解释: 什么是 ...

  9. 不使用360管家和电脑管家等等就可以为电脑清理垃圾的代码

    哈哈哈 !!! 闲着无聊,为自己记录一下,当然对于程序员来说,这种方式太简单了,代码能解决的事为什么要下载软件呢!! 背景:各种杀毒软件的横行,每当你下载一个电脑管家,你的cpu以及内存占比就会大幅度 ...

最新文章

  1. Linux中sftp加权限,Linux 搭建Sftp服务并进行权限设置
  2. BZOJ1652 [Usaco2006 Feb]Treats for the Cows
  3. 美团外卖Android平台化的复用实践
  4. UVA10803 Thunder Mountain【Floyd算法】
  5. h5带mysql数据库的留言板_【mysql】用PHP写留言板,有回复功能,要写入数据库。...
  6. models.fasttext - FastText模型
  7. 【附源码】Python计算机毕业设计汽车4S店管理系统
  8. jvm 字节码jclasslib解读
  9. 注册机无法运行,显示系统资源不足,无法完成请求的服务
  10. C语言:实数类型。2021-02-15
  11. openshift operator 介绍
  12. 详解php与mysql的关系
  13. 安装simg2img
  14. 一个BUG导致3000万损失!涉及资金交易的功能该如何做好测试和项目管理
  15. python使用蓝牙与HC05通讯(pybluez调用socket、模拟串口)
  16. window setting.settings 详解。
  17. 设置所有JSP页面,让IE9使用兼容模式运行
  18. 盐城北大青鸟线上课丨云端相见,一起努力
  19. Linux——gdb调试时多进程切换方法(attach/follow-fork-mode)
  20. pandas操作两列日期类型数据相减并要求结果为整数类型

热门文章

  1. Android动态桌面,设置壁纸篇
  2. 四种单源最短路径算法
  3. 报错`RuntimeError: CUDA out of memory. Tried to allocate 256.00 MiB (GPU 0; 9.78 GiB total capaci
  4. 针对Chrome浏览器无法使用Flash的问题
  5. DVL声学多普勒速度仪技术剖析(理论仿真篇)
  6. 【大禹电子】超声波液位计应用在三都岛海水养殖流量监测
  7. 四川大学计算机考研难度,二本考生打算考研四川大学这样的985,难吗?该注意些什么?...
  8. aix系统日志服务器,AIX系统日志
  9. html图片打印不出来 lodop_前端实现打印图像功能
  10. 主流的知乎口碑营销方式有哪些