偶看新闻找模特工作:JSP输出HTML时产生的大量空格和换行的去除方法
来源：百度文库 编辑：偶看新闻 时间：2024/05/02 06:13:25
在WEB应用中,如果使用jsp作为view层的显示模板,都会被空格/空换行问题所困扰.这个问题当年也困扰了我比较长的时间.因为在jsp内使用的EL标签和其他标签时,会产生大量的空格和换行符.例如:
复制代码代码如下:
------- start ----------
Something
Others
------- end -----------
这段代码在Tomcat上输出如下，多了几行换行。
复制代码
------- start ----------
Something
------- end -----------
当然，一般不去特别留意是不会发现有什么问题的，毕竟输出再多的空格和换行符，对于浏览器生成的最终效果是一样的。也就是大部分开发人员忽略这个问题的原因；但实际上这些空格和换行会占用了不少空间，我的经验是30%左右是空格/换行。也有人说，当web服务器以zip的方式来输出html时，空格引起的带宽问题就可以解决了；是的，当使用zip来输出html时，空格/换行的空间会被节省回来，但这个增加zip的工作量，而且最大的问题是，浏览器生成页面时，还是会还原所有的空格的换行符。对于前端开发人员来说这是个噩耗，面对大量的空格和冗长的html源码，想要找到对应出问题的样式所在的位置可不是容易的事情。
下面说一下解决方案，以Tomcat为例：
【方案一】，利用web服务器的trimSpaces功能。
Tomcat5 以上版本都可以使用，这是最简单的方法。
代码如下:
jsp
org.apache.jasper.servlet.JspServlet
fork
false
trimSpaces
true
xpoweredBy
false
3
这个方案有个缺点，它会去掉所有jsp EL标签之间的空格的换行符，在部分情况下也来带来不便。
如：Your name is ${firstName} ${lastName}. ==输出为==> Your name is firstNamelastName.
两个${}变量之间的空格也会消失。要解决这个问题是相当麻烦，要引入一个只有一个空格的变量。
Your name is ${firstName}${one_space}${lastName}.
这样就正常了，麻烦。虽然可以在一些全局变量的地方来增加一个one_space的变量，但代码看上去还是不爽。
jsp 代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
${member.account}
${member.name} ${member.name }
最终输出的 HTML 源代码：
test123
姓名姓名
方案二，我比较喜欢。
这个方案只有在支持jsp 2.1的web服务器上才可以使用，如Tomcat6。
Jsp2.1多了一个很有用的命令；
<%@ page trimDirectiveWhitespaces="true" %>
这个命令可以使jsp输出的html时去除多余的空行（jsp上使用EL和tag会产生大量的空格和空行），没有使用trimSpaces的问题，现在jsp输出html也可以很好地排版，看上去也专业；以前我一直都羡慕velocity的模板，输出html十分干净好看，现在jsp也可以了。
另外提一下，Tomcat6有一些兼容性问题，例如不能使用#{}这种代码在jsp中，因为会被当成JSF脚本执行。
虽然这是一个很小的问题，但我们还是要注意细节。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
${member.account}
${member.name} ${member.name }
最终输出的 HTML 源代码：
test123
姓名姓名
复制代码代码如下:
------- start ----------
Something
Others
------- end -----------
这段代码在Tomcat上输出如下，多了几行换行。
复制代码
------- start ----------
Something
------- end -----------
当然，一般不去特别留意是不会发现有什么问题的，毕竟输出再多的空格和换行符，对于浏览器生成的最终效果是一样的。也就是大部分开发人员忽略这个问题的原因；但实际上这些空格和换行会占用了不少空间，我的经验是30%左右是空格/换行。也有人说，当web服务器以zip的方式来输出html时，空格引起的带宽问题就可以解决了；是的，当使用zip来输出html时，空格/换行的空间会被节省回来，但这个增加zip的工作量，而且最大的问题是，浏览器生成页面时，还是会还原所有的空格的换行符。对于前端开发人员来说这是个噩耗，面对大量的空格和冗长的html源码，想要找到对应出问题的样式所在的位置可不是容易的事情。
下面说一下解决方案，以Tomcat为例：
【方案一】，利用web服务器的trimSpaces功能。
Tomcat5 以上版本都可以使用，这是最简单的方法。
代码如下:
这个方案有个缺点，它会去掉所有jsp EL标签之间的空格的换行符，在部分情况下也来带来不便。
如：Your name is ${firstName} ${lastName}. ==输出为==> Your name is firstNamelastName.
两个${}变量之间的空格也会消失。要解决这个问题是相当麻烦，要引入一个只有一个空格的变量。
Your name is ${firstName}${one_space}${lastName}.
这样就正常了，麻烦。虽然可以在一些全局变量的地方来增加一个one_space的变量，但代码看上去还是不爽。
jsp 代码：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
最终输出的 HTML 源代码：
方案二，我比较喜欢。
这个方案只有在支持jsp 2.1的web服务器上才可以使用，如Tomcat6。
Jsp2.1多了一个很有用的命令；
<%@ page trimDirectiveWhitespaces="true" %>
这个命令可以使jsp输出的html时去除多余的空行（jsp上使用EL和tag会产生大量的空格和空行），没有使用trimSpaces的问题，现在jsp输出html也可以很好地排版，看上去也专业；以前我一直都羡慕velocity的模板，输出html十分干净好看，现在jsp也可以了。
另外提一下，Tomcat6有一些兼容性问题，例如不能使用#{}这种代码在jsp中，因为会被当成JSF脚本执行。
虽然这是一个很小的问题，但我们还是要注意细节。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
最终输出的 HTML 源代码：
jsp/html 文本框的空格显示问题？
asp提交表单的 空格和换行问题
为什么Dreamweaver无法读取数据库的换行，和空格符号？
空格,换行的ASCII分别是什么?
空格的HTML代码是什么？~
求HTML语法的换行语法是什么
飞利浦手机发短信不能换行和打空格啊？？？？
计算空格换行个数
给水加热时产生大量的啥？
给水加热时产生大量的啥？？？？
HTML代码中不换行，软换行，硬换行之间的区别是什么啊？
如何把word文档的大量无关空格和空行去除
如何在发布新闻的时候没有空格？在后台已经空格我换行了
关于文本文档转换为Html格式时的换行问题
HTML的缩写是HyperText Markup Language吗？Hyper和Text之间有没有空格
为什么在博客上发表文章编辑时输入的回车发表后变成一个空格而不是换行呢？
为什么在博客上发表文章编辑时输入的回车发表后变成一个空格而不是换行呢？
html自动换行？
html中的换行问题
表单中为什么会产生的空格?
jsp 的html语法的过滤解决?
在DELPHI的CANVAS中,怎样用TextOut输出换行文字?
怎么样让TEXTAREA里的内容输出自动换行啊？
紧急求助！C#的输出结果换行问题