当前位置:Gxlcms > html代码 > html浏览器自动加上<pre>标签的详解

html浏览器自动加上<pre>标签的详解

时间:2021-07-01 10:21:17 帮助过:182人阅读

问题场景:

我在 A 页面点击了一个请求,新开一个页面(B),在后端 通过 HttpServletResponse.getWriter().write(html) 的方式,将信息写入到 新开的页面 B 里面;【题外话:这样做的原因是为了解决新开页面被浏览器拦截的问题】

但是在 IE6,7,8 ,ff 都没有问题;但是在chrome 里面,竟然在我新写的内容放在了<pre>标签中;

有图有真像

关于html <pre>标签:<摘自:w3school>

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

关于问题的思考:

在发现这个问题,首先我想到的是:这应该是不同浏览器对于代码文本信息的处理方式不同,chrome是将我这个form表单当成文本显示在页面上了。而不是一个html格式的元素;所以解决了这个问题我想就应该万事大吉了。

这个时候,我想到了 htmlmeta信息的设置

<meta http-equiv="Content-Type" content="text/html ;charset=utf-8" /> 这个属性的设置应该就可以解决问题。

查了一下文档豁然开朗:

1、text/html是html格式的正文

2、text/plain是无格式正文

3、text/xml忽略xml头所指定编码格式而默认采用us-ascii编码

4、application/xml会根据xml头指定的编码格式来编码

解决方法:

response.setHeader("Content-Type", "text/html");

以上就是html 浏览器自动加上<pre>标签的详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行