减少垃圾代码:关于web在线编辑器的使用

继续我的《高性能web前端优化指南》系列。上一篇文章说的是如何主动精简html代码,本文要继续讲垃圾代码与web在线编辑器的关系。

web-editor

web在线编辑器,就是你在你的博客啊,空间啊写文章的时候用的那个编辑器,web在线编辑器通常具有简单的插入常用HTML标签,简单定位,设置颜色,加入超链接等功能。“在线”的意思是和“本地”编辑器相对的,就是在网页上就可以进行编辑。

web在线编辑器大大的方便了我们编辑文章,但一个不好就会成为产生垃圾代码的罪魁祸首。出现这个问题,主要是因为滥用传说中的“复制/粘贴”大法。

复制粘贴,很简单。也许因为你已经在word里面写好了内容而且排好了版,也许是因为你只是想复制别人网页上的几句话,所以你就“ctrl+C”了,然后在你的web编辑器里面“ctrl+V”了,然后你就发布了

——也许发布后的样式看起来很正常,但其实里面可能莫名出现了很多垃圾代码,甚至多于你有用的代码。

出现垃圾代码的原因,就是在web编辑器对你粘贴的内容进行格式化的过程中,为了实现你的样式,它按照自己的方法添加了很多html标签——一个空白,说不定都是一串html标签连成的。

如本文开头的截图,可以看到直接粘贴的文章经过编码后,出现了很多相同的行内CSS样式声明(关键是这些样式完全没必要),还出现了很多额外的html标签,如一个包一个的span等等。。

如果你自己在web编辑器里手动排版,就完全可以避免这个问题。

——————————————

所以我觉得,编辑文章最好就在web编辑器里面进行(或者本地文章发布器如windows live writer),最重要的是手动排版,就可以避免大部分的垃圾代码,而且,可以让文章条理更清晰嘛不是

1 评论

发表评论

电子邮件地址不会被公开。