资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

如何压缩html代码

小编给大家分享一下如何压缩html代码，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

创新互联服务项目包括鱼台网站建设、鱼台网站制作、鱼台网页制作以及鱼台网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，鱼台网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到鱼台省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

如何压缩html代码，让html文件缩小优化

  • HTML优化压缩目录

    1. 将table改为div布局

    2. 缩减精简div、span、ul li等系列标签

    3. 删除多余空格

    4. 表格类型布局时候适当使用table替代div布局

    5. html网页GZIP压缩

一、将table改为div布局    -   TOP

尽量将table标签布局html重构div布局，可以节约至少40%的代码量。由于div代码少于table布局的html网页，所以搜索引擎索引权重也优于table布局的html网页。

二、缩减精简div、span、ul li等系列标签    -   TOP

布局DIV+CSS网页时候，我们有时候可以节约一些DIV布局代码，减少代码量。
如下案例代码：

 　　
     　　
  • CSS学习去DIVCSS5
    •  　　
  • 我爱DIVCSS5
    •  　　
  • DIV+CSS学习去DIVCSS5
    •  　　
 

可以改为：

 　　
  • CSS学习去DIVCSS5
    •  　　
  • 我爱DIVCSS5
    •  　　
  • DIV+CSS学习去DIVCSS5
    •  

    这样可以节约一对div标签，从而减少html代码量，起到压缩html作用。这样直接对ul命名css样式类，可以区别在一个页面不同地方使用ul li列表标签。

    三、删除多余空格    -   TOP

    删除多余空格换行，可以有效地压缩html代码占用字节，一般在开发完成后可以对html中代码进行删除换行和空格内容。

    可以借助于DW软件进行批量删除html内标签之间空格

    如：

     　　
     

    可以删除空格与换行后：

    这样即可节约空格和换行所占字节。

    注意的是，网页发布版的可以借助于DW进行删除多余空格与空行。如果要再编辑，再到DW软件进行代码格式化排版即可。

    四、表格类型布局时候适当使用table替代div布局    -   TOP

    如果是本身是表格数据列表排版，我们最好选择table，因为表格布局使用table优于div布局，使用table布局却比div布局节约html标签代码和节约css样式。

    如下图表格数据类型，建议采用TABLE标签+CSS样式布局

    如何压缩html代码
    类似这种列表型table表格，推荐使用table标签布局

    五、网页GZIP压缩    -   TOP

    自己的服务器推荐设置网页Gzip压缩功能。

    1.开GZIP有什么好处？
    答：Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理，这样就会减小通过网络传输的数据量，提高浏览的速度。

    2.如何启用IIS的Gzip压缩功能：
    答：首先，如果你需要压缩静态文件（HTML），需要在硬盘上建一个目录，并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件（PHP，asp，aspx）就不需要了，因为它的页面是每次都动态生成的，压缩完就放弃。然后在IIS管理器中，“网站”上面右键－属性，不是下面的某个站点，而是整个网站。进入“服务”标签，选上启用动态内容压缩，静态内容压缩。然后选中网站下面那个服务器扩展，新建一个服务器扩展。名字无所谓，下面的添加文件的路径是： c:\windows\system32\inetsrv\gzip.dll，然后启用这个扩展。这时候静态内容是可以压缩的，但是对于动态内容，aspx文件却不在压缩范围内。因为默认的可压缩文件并没有这个扩展名。而管理界面中你又找不到可以增加扩展名的地方，这时候只能去修改它的配置文件了。在c:\windows\system32\inetsrv\下面有个MetaBase.xml文件，可以用记事本打开，找到IIsCompressionScheme，有三个相同名字的段，分别是deflate,gzip,Parameters，第三段不用管它，前两段有基本相同的参数，在这两段的参数HcScriptFileExtensions下面都加上一行aspx，如果你有其它的动态程序要压缩，也加在这里。HcDynamicCompressionLevel改成9，（0－10，9是性价比最高的一个）。然后需要重启一下IIS服务，就可以体会到压缩后的速度了。

    以上是“如何压缩html代码”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


    本文题目：如何压缩html代码
    网站路径：http://cdkjz.cn/article/phoieg.html
    返回首页 了解更多建站资讯

    相关资讯

    多年建站经验

    多一份参考，总有益处

    联系快上网，免费获得专属《策划方案》及报价

    咨询相关问题或预约面谈，可以通过以下方式与我们联系

    大客户专线   成都：13518219792   座机：028-86922220

    在线咨询 提交需求
    友情链接 交换友情链接
    无边发光字厂家快照排名华泰海航网站优化公司蓬安网站建设营销型网站建设天泽尚品装饰全网品牌营销瑞杰管理免备案虚拟主机

    成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

    成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

    专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图