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

问题场景：

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

但是在 IE6,7,8 ，ff 都没有问题；但是在chrome 里面，竟然在我新写的内容放在了

标签中；</p>
<p><img src="https://img.php.cn/upload/article/000/000/194/2dca1e20198ed7fa37b2e8461817f576-0.jpg" alt="有图有真像"><br></p>
<p><strong>关于html <pre class="brush:php;toolbar:false">标签：<摘自：w3school></strong></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="background-color:rgb(255,255,255)">pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。</span></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><pre class="brush:php;toolbar:false"> 标签的一个常见应用就是用来表示计算机的源代码。</p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><strong>关于问题的思考：</strong></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif">在发现这个问题，首先我想到的是：这应该是不同浏览器对于代码文本信息的处理方式不同，chrome是将我这个form表单当成文本显示在页面上了。而<span style="color:#ff0000">不是一个html格式的元素；所以解决了这个问题我想就应该万事大吉了。</span></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px"><span style="font-family:Verdana,Arial,Helvetica,sans-serif">这个时候，我想到了 html</span><span style="font-family:微软雅黑,Verdana,sans-serif,宋体"><span style="font-size:14px">meta信息的设置</span></span></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px"><meta http-equiv="<span style="color:#ff0000">Content-Type</span>" content="</span><span style="font-family:Tahoma; line-height:18px"><span style="color:#ff0000">text/html</span></span><span style="font-family:Tahoma; line-height:18px"> ;char<a href="http://www.php.cn/code/8209.html" target="_blank">set</a>=utf-8"
 /> 这个<a href="http://www.php.cn/wiki/169.html" target="_blank">属性</a>的设置应该就可以解决问题。</span><br></span></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px; background-color:rgb(255,255,255)">查了一下文档豁然开朗：</span></span></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px"></span></span></p>
<p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)">1、text/html是html格式的正文 </span></span></p>
<p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)">2、text/plain是无格式正文</span></span></p>
<p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px">3、text/xml忽略xml头所指定编码格式而默认采用us-ascii编码</p>
<p style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px; font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="padding:0px; margin:0px; color:rgb(229,51,51)"><span style="padding:0px; margin:0px; color:rgb(0,0,0); background-color:rgb(255,255,255)">4、application/xml会根据xml头指定的编码格式来编码</span></span></p>
<p><strong>解决方法：</strong></p>
<p style="margin-top:12px; margin-bottom:0px; line-height:18px; font-family:Verdana,Arial,Helvetica,sans-serif"><span style="font-family:微软雅黑,Verdana,sans-serif,宋体; font-size:14px"><span style="font-family:Tahoma; line-height:18px"></span></span></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;">response.setHeader("Content-Type", "text/html");

Salin selepas log masuk

Atas ialah kandungan terperinci html 浏览器自动加上<pre>标签的详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!