`
dawuafang
  • 浏览: 1107484 次
文章分类
社区版块
存档分类
最新评论

关于浏览器自动加上<pre>标签

 
阅读更多

问题场景:

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

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


有图有真像


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

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

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

关于问题的思考:

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

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

<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");



分享到:
评论

相关推荐

    标签内JavaScript代码的高亮显示插件

    NULL 博文链接:https://tjuking.iteye.com/blog/1865994

    ajax 返回值自动添加pre标签的解决方法

    ajax返回的内容,居然自动添加了&lt;pre&gt;标签 在FF,ie,谷歌浏览器中,每个返回的都不一样:ff小写,ie大写,谷歌加style 查了一下,原来是返回的类型不对。 最终解决结果,修改一般处理程序的返回类型 把 context....

    ajaxfileupload 返回时 去掉 <pre>与 jquery1.7支持解决 方法

    NULL 博文链接:https://mauersu.iteye.com/blog/2003195

    HTML标签手册大全

    html标签大全 &lt;html&gt;&lt;/html&gt; 创建一个HTML文档 &lt;head&gt;&lt;/head&gt; 设置...&lt;pre&gt;&lt;/pre&gt; 预先格式化文本 &lt;u&gt;&lt;/u&gt; 下划线 &lt;b&gt;&lt;/b&gt; 黑体字 &lt;i&gt;&lt;/i&gt; 斜体字 &lt;tt&gt;&lt;/tt&gt; 打字机风格的字体 &lt;cite&gt;&lt;/cite&gt; 引用,通常是斜体

    HTML标签大全

    HTML标签--文档 &lt;!DOCTYPE&gt; 文档类型 &lt;html&gt;文档 &lt;body&gt;文档主体 &lt;h1&gt; to &lt;h6&gt; HTML 标题 ...&lt;pre&gt;格式文本 &lt;code&gt;代码文本 &lt;tt&gt;打字机文本 &lt;kbd&gt;键盘文本 &lt;var&gt;变量文本 &lt;dfn&gt;项目文本 &lt;samp&gt;代码样本

    1.html的语法+基本结构+文档标记,对网页制作感兴趣的很有帮助,浅显易懂,只需要TXT可操作,本人已学,有笔记,大纲,源码

    3、文档设置标记上-格式标(&lt;br&gt;&lt;p&gt;&lt;center&gt;&lt;pre&gt;&lt;li&gt;&lt;ul&gt;&lt;ol&gt;&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;&lt;hr&gt;&lt;div&gt;) 4、文档设置标记下-文本标记(&lt;hn&gt;&lt;font&gt;&lt;b&gt;&lt;i&gt;&lt;sub&gt;&lt;sup&gt;&lt;tt&gt;&lt;cite&gt;&lt;em&gt;&lt;strong&gt;&lt;small&gt;&lt;big&gt;&lt;u&gt;) 5、含有教程笔记,大纲,...

    【JavaScript源代码】为网站代码块pre标签增加一个复制代码按钮代码.docx

    为网站代码块pre标签增加一个复制代码按钮代码  参考其他比较专业的博客系统,都在代码块上有一个复制代码的按钮。用来快速复制整个代码块的代码。于是我也想给我的博客增加一个这个功能。 注:chrome测试通过。...

    HTML标记大全参考手册

    TML标记大全参考手册 ...&lt;pre&gt;&lt;/pre&gt; 预先格式化文本 &lt;u&gt;&lt;/u&gt; 下划线 &lt;b&gt;&lt;/b&gt; 黑体字 &lt;i&gt;&lt;/i&gt; 斜体字 &lt;tt&gt;&lt;/tt&gt; 打字机风格的字体 &lt;cite&gt;&lt;/cite&gt; 引用,通常是斜体 &lt;em&gt;&lt;/em&gt; 强调文本(通常是斜体加黑体)

    JAVA做的图片浏览GUI源代码

    &lt;br&gt;&lt;br&gt;PicBrowseFrame.class 图片浏览器的主窗体&lt;br&gt;&lt;br&gt;ImageFilter.class 图片过滤&lt;br&gt;&lt;br&gt;FileNameFIlter.class 文件过滤&lt;br&gt;&lt;br&gt;Uitl.class 文件名后缀解析&lt;br&gt;&lt;br&gt;JFileChooserCre.class 图片选择对话框&lt;br&gt;...

    <pre>线包装「<pre> Line Wrapper」-crx插件

    启用换行&lt;pre&gt;标签。只要您想恢复到默认行为,请取消选中“已启用”。 我对邮件列表感到恼火之后写了这个扩展名,该邮件列表在单个不可读的行上显示了整个段落。 它注入了一些CSS来启用换行 支持语言:English ...

    Visual C++ 编程资源大全(英文源码 网络)

    25.zip&lt;br&gt;SMTP MFC Classes&lt;br&gt;SMTP协议类(6KB)&lt;END&gt;&lt;br&gt;103,26.zip&lt;br&gt;Pre-emptive Multithreading Web Spider&lt;br&gt;多线程的网络蜘蛛(7KB)&lt;END&gt;&lt;br&gt;104,27.zip&lt;br&gt;Updated SMTP Class&lt;br&gt;更新的SMTP类(5KB)&lt;END&gt;&lt;br...

    html表格样式,及表格

    &lt;pre&gt;&lt;/pre&gt;格式化原样式输出 --&gt; &lt;br&gt;&lt;br&gt; &lt;table border="1" cellspacing="0" cellpadding="5" align="center" width="40%"&gt; &lt;caption&gt;&lt;strong&gt;明星排行榜&lt;/strong&gt; &lt;a href=""&gt;添加&lt;/a&gt;&lt;/caption&gt; &lt;!-- ...

    iOS可控抽奖系统代码

    # KZH-Lottery ###功能实现: * 随机抽奖闪动效果 * 引入数字指定中奖位置 ###技术要点: ...* 每次调用定时器递增当前时间,通过减结束时间控制递减时间并每次调用自身,直到当前时间大于结束时间终止...&lt;/code&gt;&lt;/pre&gt;

    C /C++库函数及文件大全 经典 chm

    &lt;br&gt;&lt;br&gt;General C/C++&lt;br&gt;Pre-processor commands &lt;br&gt;Operator Precedence &lt;br&gt;Escape Sequences &lt;br&gt;ASCII Chart &lt;br&gt;Data Types &lt;br&gt;Keywords &lt;br&gt;Standard C Library&lt;br&gt;Standard C I/O &lt;br&gt;Standard C String ...

    Html5中文手册(程序员必备手册)

    36、&lt;head&gt; 定义关于头部文档的信息。 37、&lt;header&gt; 定义文档的页眉。 38、&lt;hgroup&gt; 定义文档中的 section 信息。 39、&lt;hr&gt; 定义水平线。 40、&lt;html&gt; 定义 html 文档。 41、&lt;i&gt; 定义斜体文本。 42、&lt;iframe&gt; 定义...

    Practical Mod Perl

    Practical Mod Perl&lt;br&gt;&lt;br&gt; Copyright &lt;br&gt; Preface &lt;br&gt; What You Need to Know &lt;br&gt; Who This Book Is For &lt;br&gt; How This Book Is Organized &lt;br&gt; Reference Sections &lt;br&gt; Filesystem Conventions &lt;br&gt; Apache ...

    VB编程资源大全(英文源码 表单)

    savepos.zip&lt;br&gt;This will show you how to save and load the last recorded position of your form.&lt;END&gt;&lt;br&gt;19 , shapeform.zip&lt;br&gt;This will change the shape of a sample form to pre-selected shapes.&lt;END&gt;...

    VB编程资源大全(英文源码 网络)

    &lt;END&gt;&lt;br&gt;12 , telnet.zip&lt;br&gt;Telnet Application&lt;END&gt;&lt;br&gt;13 , validip.zip&lt;br&gt;Validate an IP address&lt;br&gt;14 , dmvbtest.zip&lt;br&gt;This is a complete email sending client in Visual Basic&lt;END&gt;&lt;br&gt;15 , ...

    VB编程资源大全(英文源码 控件)

    not really encryption&lt;END&gt;&lt;br&gt;21 , imagebutton2.zip&lt;br&gt;Round and freaky shape command buttons, updated from before- really an image control.&lt;END&gt;&lt;END&gt;&lt;br&gt;22 , talkeyboard.zip&lt;br&gt;Talking keyboard for ...

    简单截图工具

    All operations can be done with the mouse only or using hotkeys.&lt;br&gt; Allows timed captures in sequence at a pre-defined interval(Timer).&lt;br&gt; Precise capturing using magnifying tools and extra large ...

Global site tag (gtag.js) - Google Analytics