好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML网页优化压缩的实现步骤

想要对自己的HTML网页实现优化压缩的话需要检查5个方面,分别是,将table改为div布局,缩减精简div、span、ul li等系列标签,删除多余空格,表格类型布局时候适当使用table替代div布局,html网页GZIP压缩,将table改为div布局 。下面给大家详细的介绍一下

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

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

布局DIV+CSS网页时候,我们有时候可以节约一些DIV布局代码,减少代码量。

如下案例代码:

<div class="div"> 
  <ul> 
  <li>DIV</li> 
  <li>DIV</li> 
  <li>DIV</li> 
  </ul> 
</div> 
可以改为:
<ul class="div"> 
  <li>DIV</li> 
  <li>DIVC/li> 
  <li>DIV</li> 
</ul> 

相关阅读:

html与xhtml的区别详解

如何用CSS做图片旋转效果

怎么优化HTML网页

以上就是HTML网页优化压缩的实现步骤的详细内容,更多请关注Gxl网其它相关文章!

查看更多关于HTML网页优化压缩的实现步骤的详细内容...

  阅读:41次